Bai Bookmarks

# API 官网

这里主要记录一下经常使用的 API 官网。

# 1.API 查询网站

  • MDN
  • devdocs 快速 API 文档搜索工具
  • docschina 印记中文,深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档
  • 腾讯云开发者手册 开发者手册是云+社区开发者共同维护的一个提供中文化编程基础技术教程的知识平台，提供了 HTML、CSS、JavaScript、Python、Ruby、C、Go 等各种编程语言的基础知识
  • WebPlatform Docs一个社区驱动的网站，旨在成为 Web 开发人员文档的综合性和权威性来源。
  • html 中文 专业的 web 前端开发在线学习、培训、交流平台
  • w3cschool 一个专业的 W3C 前端开发及编程入门学习平台,提供包括 HTML,CSS,Javascript,jQuery,C,PHP,Java,Python,Sql,Mysql 等编程语言和开源课程

# 2.前端常用

# 版本控制系统

# 运行时

  • nodejs Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
  • nodejs 中文文档 nodejs 中文文档
  • DenoDeno 是作者 Ryan Dahl 在 Node 之后的又一大作,它是一个新的运行时,用于在 Web 浏览器之外执行 JavaScript 和 TypeScript

# 包管理工具

  • npm npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具
  • yarn yarn，Facebook 贡献的 Javascript 包管理器
  • cnpm 一个完整 npmjs.org 镜像，同步频率目前为 10 分钟 一次

# 前端工程化

# 1.脚手架

  • YeomanYeoman 是现代化前端项目的脚手架工具,用于生成包含指定框架结构的工程化目录结构。它是整个前端自动化工厂的第一站。
  • Plop小型前端脚手架工具

# 2.构建工具

  • Grunt是一个基于任务的 JavaScript 工程命令行构建工具
  • Gulp基于流(stream)的自动化构建工具
  • FIS3前端工程构建工具，FIS3 采取了类似 CSS 语法一样的配置风格,易于理解与上手
  • vitejsVite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。

# 3.打包工具

  • BrowserifyBrowserify 可以让你使用类似于 node 的 require() 的方式来组织浏览器端的 Javascript 代码，通过预编译让前端 Javascript 可以直接使用 Node NPM 安装的一些库。
  • webpack 一个用于现代 JavaScript 应用程序的静态模块打包工具
  • webpack 中文文档 webpack 中文文档
  • webpack 中文文档 2 webpack 中文文档 2
  • Rollup.js Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,Rollup 对代码模块使用新的标准化格式,这些标准都包含在 JavaScript 的 ES6 版本中。

# 4.格式化工具 & 其他

  • ESLint 中文文档插件化的 JavaScript 代码检测工具
  • Prettier 一个流行的代码格式化工具
  • Babel Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。

# 5.持续集成工具

  • Travis CI在线托管的持续集成服务,绑定Github项目,抓取新的代码自动进行测试构建,甚至自动部署到测试环境。
  • Jenkins一个开源软件项目，是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台，使软件的持续集成变成可能

# 语言与框架

  • ECMAScript Language SpecificationECMAScript 语言规范
  • ECMAScriptECMAScript 语言规范
  • Typescript TypeScript 官方文档
  • Typescript 中文文档 学习有关 TypeScript 的所有知识。
  • Bootstrap 中文网 Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。是一个 CSS/HTML 框架
  • CSS 速查总表 CSS 是一种 样式表 语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现
  • CSS 参考手册
  • Vue.js 官方文档 是一套构建用户界面的渐进式框架
  • Vuex 官方文档 Vuex 是专门为 Vue.js 设计的状态管理库
  • Element Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
  • iView 一套基于 Vue.js 的高质量 UI 组件库
  • React React 是一个用于构建用户界面的 JavaScript 库
  • Redux 中文文档 Redux 是 JavaScript 状态容器，提供可预测化的状态管理。
  • React-Redux: Hooks React-Redux 是 Redux 的官方 React 绑定库
  • react-use React-use 一个很好用的 React Hooks 库
  • ReactNative 开源的跨平台移动应用开发框架
  • Umi 是可扩展的企业级前端应用框架，蚂蚁金服的底层前端框架
  • Umi Hooks 一个强大的管理异步数据请求的 Hook
  • DvaJS 一个基于 redux 和 redux-saga 的数据流方案，一个轻量级的应用框架
  • Ant Design 一个基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
  • Ant Design Pro 一个企业级中后台前端/设计解决方案
  • Material-UI 一个受欢迎的 React UI 框架
  • React Router 官方文档 一个用于 React.js 的路由解决方案（routing solution）。它轻松可以同步你的 app 和 URL，同时给嵌套，转换，和服务端渲染一流的支持。
  • React Router 中文文档 React Router 中文文档
  • React Router 中文文档 2 React Router 中文文档 2
  • Ember.jsEmber.js 是一个开源的 JavaScript 客户端框架,用于开发 Web 应用程序并使用 MVC(模型 - 视图 - 控制器)架构模式。
  • Flutter Flutter 是 Google 提供的新一代跨平台方案，开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。
  • Flutter 中文文档 Flutter 中文文档
  • tabler Tabler 是一个基于 Bootstrap 4 开发的 HTML 仪表盘 UI 套件，旨在提供一个用户友好，清晰简单的管理面板，可适用于简单和复杂的网站系统。
  • lulu 腾讯阅文基于 jQuery，针对 PC 网站 IE8+（peak 主题）的前端 UI 框架
  • Jasonette 一个用 json 来构建 hybrid App 的框架

# 兼容性

  • polyfill.io Polyfill 可以为旧浏览器提供和标准 API 一样的功能，polyfill.io 是自动化的 JavaScript Polyfill 服务，只需要引入一个 JS 文件。 Polyfill.io 通过分析请求头信息中的 UserAgent 实现自动加载浏览器所需的 polyfills

# 其他

# javascript 库与函数式编程库

# 可视化相关

  • ECharts ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。
  • Three.js 中文网Three.js 是基于原生 WebGL 封装运行的三维引擎，在所有 WebGL 引擎中，Three.js 是国内文资料最多、使用最广泛的三维引擎
  • chart.xkcd 手绘风格的图表库

# 静态站点生成器 && 文档管理

  • VuePress 中文文档是一个基于 Vue 的轻量级静态网站生成器，以及为编写技术文档而优化的默认主题。本站就是使用它生成的
  • docsify 轻量级文档工具，但其是运行时编译的
  • GitBook 除了编译慢没啥毛病
  • docz

# 3.MongoDB 相关

  • MongoDB 官网 MongoDB 是一个基于分布式文件存储的数据库
  • mongoose - Mongoose 是在 node.js 异步环境下对 mongodb 进行便捷操作的对象模型工具
  • mongoose 中文文档 mongoose 中文文档
  • mLab mLab 是一款免费的在线 mongodb 云数据库产品,它为用户免费提供了 500M 容量

# 4.GraphQL

  • prisma Prisma 则提供一套简洁的 API，使你更加方便地操作数据库和理解查询语句。Prisma 的 API 是类型安全的，返回的数据是普通的 JS 对象（plain old JavaScript objects）。让前端也能快速的写出 API
  • Apollo GraphQL 是基于 GraphQL 的全栈解决方案集合。从后端到前端提供了对应的 lib 使得开发使用 GraphQL 更加的方便
  • dataloader 解决 Graphql 中的 N+1 查询问题