web前端开发工程师必备框架，网站和文档，建议收藏。

web 框架

• React
  构建用户界面的 JavaScript 库

• Vue 3
  渐进式 JavaScript 框架

• single-spa
  JavaScript 框架，将多个微前端组合成一个应用程序

• Angular
  应用程序设计框架和开发平台，用于创建高效且复杂的单页应用程序

• Svelte
  将声明性组件转换为精准高效更新 DOM 的 JavaScript 代码。

Angular

• Angular Material
  Material Design 组件库 for Angular

• Element Angular
  Element UI 的 Angular 实现

• Ionic
  基于 Angular 的移动端跨平台 UI

状态管理

• Mobx
  简单、可扩展的状态管理

• React Redux
  React 官方版本 Redux

• Redux
  JavaScript 状态容器，提供可预测化的状态管理

• Rematch
  Rematch 是没有 boilerplate 的 Redux 最佳实践

• Vuex
  vuex 是 Vue 官方提供的状态管理工具

模板引擎

• EJS
  JavaScript 模板引擎

• Pug
  JavaScript 模板引擎

• Handlebars.js
  JavaScript 模板引擎

React

• Create React App
  React 官方维护的创建 React 单页面应用的工具

• Preact
  React 的 3kb 轻量化方案，拥有同样的 ES6 API

• React-Router
  React 官方维护的路由库

• dva
  基于 React 和 redux，具有 elm 风格的轻量级框架。

• Element React
  Element UI 的 React 实现

• Zent
  PC 端 WebUI 规范的 React 实现，提供了一整套基础的 UI 组件以及一些常用的业务组件

• React Native
  基于 React 的移动端跨平台 UI

• React Navigation
  React Native 应用程序的路由和导航

CSS

• Sass
  Sass 是 CSS 的一个扩展，它使 CSS 的使用起来更加优雅和强大。

• Less
  Less 是 CSS 预处理语言，使 CSS 更易维护和扩展

• Stylus
  富有表现力、动态、健壮的 CSS

• PostCSS
  通过 JavaScript 来转换 CSS，并且提供强大的插件系统

函数式编程

• RxJS
  RxJS 是 Reactive Extensions 的 JavaScript 实现，可以通过响应式和函数式编程模型组合异步数据流

• Cycle.js
  函数式和响应式的 JavaScript 框架

• Ramda
  一款实用的 JavaScript 函数式编程库

工具

• localForage
  通过简单类似 localStorage API 的异步数据存储来改进你的 Web 应用程序的离线体验

• Day.js
  处理时间和日期的 JavaScript 函数库

• Moment.js
  处理时间和日期的 JavaScript 函数库

• Lodash
  一个现代的 JavaScript 工具库

• jQuery API
  jQuery API 速查表

• jQuery
  高效精简强大的工具库

• Zepto
  轻量级的工具库

小程序框架

• Remax
  Remax 将 React 运行在小程序环境中，让你可以使用完整的 React 进行小程序开发。

• Taro
  Taro 是一套遵循 React 语法规范的 多端开发 解决方案。

• kbone
  kbone 用于支持一个项目可以同时在 Web 端和小程序端被使用

• omi/omip
  Omi 可以开发桌面 Web、移动 H5，同时支持开发小程序

• wepy
  WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序

• nanachi
  基于 React 的多端小程序转译框架，完美兼容 React 生命周期

• mpvue
  框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

• wxa
  wxa 是一个 AOP 框架，主要使用 Decorator（运行时改写，拦截）和预编译实现框架功能。

• mpx
  Mpx 是一款致力于提高小程序开发体验的增强型小程序框架，通过 Mpx，我们能够以最先进的 web 开发体验来开发生产性能深度优化的小程序。

• chameleon
  Chameleon/kəˈmiːlɪən/，简写CML，中文名卡梅龙；中文意思变色龙，意味着就像变色龙一样能适应不同环境的跨端整体解决方案。

• uni-app
  框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

Node.js & Deno

• Node.js
  基于 V8 引擎的 JavaScript 运行环境

• Deno
  Deno 是一个 JavaScript/TypeScript 的运行时

• Koa
  新一代的 Web 后台框架

• egg
  为企业级框架和 Node.js & Koa 应用程序而生

• Express
  快速极简的 Web 框架

• nest
  渐进式 Node.js 框架，构建高效、可靠和可扩展的 server 应用程序

• ThinkJS
  能够使用完整 ES6/7 特性进行开发的 Node.js 应用程序

• npm
  npm 是 JavaScript package 管理工具，在这里可以找到可复用代码，并以强大的全新方式进行聚合

• cnpm
  淘宝提供的 npmjs.org 镜像

• yarn
  快速、可靠和安全的依赖管理

可视化工具

• Threejs
  JavaScript 3d 库

• ECharts
  使用 JavaScript 实现的开源可视化库

• SpriteJS
  跨平台的轻量级 2D 渲染对象模型

• AntV 可视化解决方案
  基于全新一代数据可视化解决方案 AntV

• G2 可视化图形语法
  一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性

• G6 关系图类库
  G6 是解决流程图和关系分析的图表库

• F2 移动端图表库
  面向移动端的一套基于可视化图形语法的图表库，具有精简、高性能、易扩展的特性

• D3.js
  一个遵循 Web 标准，用于可视化数据的 JavaScript 库

• v-charts
  基于 Vue 和 ECharts 封装的图表组件

ant design 系列

• Ant Design
  企业级的 UI 设计语言和 React 实现

• Ant Design Pro
  开箱即用的中台前端/设计解决方案

• Ant Design Mobile
  一个基于 Preact / React / React Native 的 UI 组件库

• Ant Design Vue
  Ant Design 的 Vue 实现

• Ant Design Pro Vue
  开箱即用的中台前端/设计解决方案

• NG-ZORRO
  Ant Design 的 Angular 实现

• NG-ZORRO-MOBILE
  Ant Design Mobile 的 Angular 实现

• ng-alain
  基于 ng-zorro-antd 的中台前端解决方案

• Ant UX
  用于 OG, Sketch, Axure, Affinity, Adobe XD 等 UX 的 sitemap 模板

• react-component
  ant design 内部使用的 React 基础组件

Vue(Mobile)

• Vant
  移动端 Vue 组件库

• Cube UI
  基于 Vue 实现的精致移动端组件库

• Mand Mobile
  面向金融场景的 Vue 移动端组件库

• Mand Mobile Palette
  可视化 Mand Mobile 主题编辑器

• Weex
  基于 Vue 的移动端跨平台 UI

代码风格检查

• ESLint
  可组装的、用于 JavaScript 和 JSX 的代码检查工具

• StyleLint
  强大的现代 CSS 检测工具，帮助样式表遵循一致的约定和避免错误

• Standard JS
  JavaScript 风格指南、检查工具和格式化工具

• Vue 风格指南
  Vue 代码的风格指南

编译构建

• webpack
  用于现代 JavaScript 应用程序的静态模块打包工具

• Babel
  一个编译工具，让你可以项目中直接使用下一代 JavaScript

• Parcel
  零配置打包工具

• Rollup
  新一代 JavaScript 模块打包器

• Vite
  下一代前端开发与构建工具

• TypeScript
  JavaScript 超集

• Gulp
  基于流的自动化构建工具

• Grunt
  JavaScript 世界的构建工具

• Lerna
  用于管理有多个包的 JavaScript 项目的工具

UmiJS 框架

• UmiJS
  可插拔的企业级 React 应用框架

• alita
  基于 Umi 的场景化框架

• qiankun
  为微前端提供快速、简单和完整的解决方案

• dumi
  React 组件文档生成工具

• Umi 入门
  零基础 UmiJS 入门教程

Vue(PC)

• Element UI
  基于 Vue 的组件库

• Vuetify
  基于 Vue 的 Material 组件库

• View UI
  基于 Vue 的组件库

• Vue UI Framework
  Vue 官方 UI 组件

• HeyUI
  一个基于 Vue 的高质量 UI 组件库

• San
  灵活易用的 JavaScript 组件框架，兼容到 IE6

• vue-loader
  vue-loader 可以将 Vue 单文件组件转换为 JavaScript 模块的 webpack loader

• VuePress
  由 Vue 提供支持的静态站点生成器

• vue-router
  vue-router 是 Vue 官方提供的 router

• vue-rx
  vue-rx 帮助用户在 Vue 应用程序中实现简单的 RxJS 绑定

• vue-cli
  vue-cli 帮助用户快速开发 Vue 的脚手架(scaffold)

• vue-ssr
  Vue 官方提供的服务器端渲染(SSR)指南

• Nuxt.js
  Vue.js 元框架，用于快速创建复杂、高性能的通用 Web 应用程序

语言文档和规范

• MDN
  提供 Web 技术文档，学习 Web 开发的最佳实践

• ECMAScript
  ECMAScript 2018 标准

• markdown-it 中文文档
  Markdown 解析器。完全支持 CommonMark 规范，并且进行语法扩展、提供可编写插件和快速编译

• GitHub 风格 Markdown 规范
  Markdown 基本语法

• GraphQL
  一种用于 API 的查询语言

• OpenAPI
  OpenAPI 规范为 RESTful API 定义了一个与语言无关的标准接口

• JSON Schema
  JSON Schema 是一个词汇表，可以验证、注释和操作 JSON 文档

• Rust
  一门语言，帮助开发者构建可靠和高效软件

测试工具

• Vue Test Utils
  Vue Test Utils 是 Vue.js 官方的单元测试实用工具库

• Jest
  Facebook 开发的零配置测试平台，让代码库更加稳定和健壮

• ava
  未来的测试运行器

• Karma
  Karma 的主要目标是，让测试驱动开发(TDD)变得简单、快速和有趣。

• Mocha
  Mocha 是运行在 Node.js 和浏览器上的功能丰富的 JavaScript 测试框架，使异步测试变得简单而有趣。Mocha 串行运行测试，提供灵活精准的报告，同时将未捕获的异常映射到正确的测试用例。

• Jasmine
  Jasmine 是一个用于测试 JavaScript 代码的行为驱动开发(BDD)框架

• Puppeteer
  Puppeteer 可以通过 DevTools 协议控制 headless Chrome 或 Chromium

• Sinon.JS
  用于对 JavaScript 隔离测试 spy, stub 和 mock。适用于任何单元测试框架

• Chai
  Chai 是一个用于 Node.js 和浏览器的 BDD/TDD 断言库，可以与任何 JavaScript 测试框架便捷配对

• expect
  expect 帮助你编写更好的断言

• Should.js
  一个富于表现力、可读性强、与框架无关，用于 Node.js 的 BDD 风格断言库

• Mock.js
  生成随机数据，拦截 Ajax 请求

视频音频

• XGPlayer
  带解析器、能节省流量的 Web 视频播放器

• Chimee
  奇舞团研制的 h5 播放器，它支持 mp4、m3u8、flv 等多种格式

• flv.js
  HTML5 视频播放器以纯 JavaScript 编写，不含 Flash