语言文档和规范

MDN

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

ECMAScript

ECMAScript 2018 标准

markdown-it 中文文档

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

GitHub 风格 Markdown 规范

正式规范基于 John MacFarlane 的 CommonMark 规范

Markdown 基本语法

The Markdown elements outlined in John Gruber's design document.

GraphQL

一种用于 API 的查询语言

OpenAPI

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

JSON Schema

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

- name: MDN
  desc: 提供 Web 技术文档，学习 Web 开发的最佳实践
  avatar: https://developer.mozilla.org/static/img/favicon144.e7e21ca263ca.png
  link: https://developer.mozilla.org/zh-CN/docs/Web
- name: ECMAScript
  desc: ECMAScript 2018 标准
  avatar: https://cdn.docschina.org/home/logo/ecma.svg
  link: https://ecma262.docschina.org/
- name: markdown-it 中文文档
  desc: Markdown 解析器。完全支持 CommonMark 规范，并且进行语法扩展、提供可编写插件和快速编译
  avatar: 
  link: https://markdown-it.docschina.org/
- name: GitHub 风格 Markdown 规范
  desc: 正式规范基于 John MacFarlane 的 CommonMark 规范
  avatar: 
  link: https://gfm.docschina.org/zh-hans/
- name: Markdown 基本语法
  desc: The Markdown elements outlined in John Gruber's design document.
  avatar: 
  link: https://www.markdownguide.org/basic-syntax/
- name: GraphQL
  desc: 一种用于 API 的查询语言
  avatar: https://cdn.docschina.org/home/logo/graphql.svg
  link: https://graphql.cn/
- name: OpenAPI
  desc: OpenAPI 规范为 RESTful API 定义了一个与语言无关的标准接口
  avatar: https://cdn.docschina.org/home/logo/openapi.png
  link: https://swagger.io/docs/specification/about/
- name: JSON Schema
  desc: JSON Schema 是一个词汇表，可以验证、注释和操作 JSON 文档
  avatar: https://cdn.docschina.org/home/logo/json-schema.svg
  link: http://json-schema.org/

视频音频

XGPlayer

一款带解析器、能节省流量的HTML5视频播放器

Chimee

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

flv.js

HTML5 视频播放器以纯 JavaScript 编写，不含 Flash

- name: XGPlayer
  desc: 一款带解析器、能节省流量的HTML5视频播放器
  avatar: https://cdn.docschina.org/home/logo/xgplayer.png
  link: https://v2.h5player.bytedance.com/
- name: Chimee
  desc: 奇舞团研制的 h5 播放器，它支持 mp4、m3u8、flv 等多种格式
  avatar: https://cdn.docschina.org/home/logo/75team.svg
  link: http://chimee.org/
- name: flv.js
  desc: HTML5 视频播放器以纯 JavaScript 编写，不含 Flash
  avatar: 
  link: https://github.com/Bilibili/flv.js

函数式编程

RxJS

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

Cycle.js

一个函数式和响应式的 JavaScript 框架，编写可观测代码

Ramda

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

- name: RxJS
  desc: RxJS 是 Reactive Extensions 的 JavaScript 实现，可以通过响应式和函数式编程模型组合异步数据流
  avatar: https://cdn.docschina.org/home/logo/rxjs.png
  link: https://cn.rx.js.org/
- name: Cycle.js
  desc: 一个函数式和响应式的 JavaScript 框架，编写可观测代码
  avatar: https://cdn.docschina.org/home/logo/cyclejs.svg
  link: http://cyclejs.cn/
- name: Ramda
  desc: 一款实用的 JavaScript 函数式编程库
  avatar: https://ramdajs.com/ramdaFilled_200x235.png
  link: https://ramda.cn/

Angular

Angular Material

Material Design 组件库 for Angular

element-angular

Element UI 的 Angular 实现

Ionic

基于 Angular 的移动端跨平台 UI

- name: Angular Material
  desc: Material Design 组件库 for Angular
  avatar: https://cdn.docschina.org/home/logo/angular.svg
  link: https://material.angular.cn/
- name: element-angular
  desc: Element UI 的 Angular 实现
  avatar: https://cdn.docschina.org/home/logo/element.svg
  link: https://element-angular.faas.ele.me/
- name: Ionic
  desc: 基于 Angular 的移动端跨平台 UI
  avatar: https://cdn.docschina.org/home/logo/ionic.png
  link: https://ionicframework.com/

CSS

Sass

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

Less

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。

Stylus

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

PostCSS

PostCSS 是一个用 JavaScript 转换 CSS 的工具

- name: Sass
  desc: Sass 是 CSS 的一个扩展，它使 CSS 的使用起来更加优雅和强大。
  avatar: https://cdn.docschina.org/home/logo/sass.svg
  link: https://sass-guidelin.es/zh/
- name: Less
  desc: Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。
  avatar: https://cdn.docschina.org/home/logo/less.svg
  link: http://lesscss.cn/
- name: Stylus
  desc: Stylus - 富有表现力的、动态的、健壮的CSS
  avatar: https://cdn.docschina.org/home/logo/stylus.svg
  link: https://www.zhangxinxu.com/jq/stylus/
- name: PostCSS
  desc: PostCSS 是一个用 JavaScript 转换 CSS 的工具
  avatar: http://postcss.docschina.org/_/web_modules/Hero/postcss.svg
  link: http://postcss.docschina.org/

Vue(Mobile)

Vant

移动端 Vue 组件库

Cube UI

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

Mand Mobile

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

Mand Mobile Palette

可视化 Mand Mobile 主题编辑器

Weex

基于 Vue 的移动端跨平台 UI

- name: Vant
  desc: 移动端 Vue 组件库
  avatar: https://cdn.docschina.org/home/logo/vant.png
  link: https://youzan.github.io/vant/
- name: Cube UI
  desc: 基于 Vue 实现的精致移动端组件库
  avatar: https://cdn.docschina.org/home/logo/cube.png
  link: https://didi.github.io/cube-ui/
- name: Mand Mobile
  desc: 面向金融场景的 Vue 移动端组件库
  avatar: https://cdn.docschina.org/home/logo/mand.svg
  link: https://didi.github.io/mand-mobile/
- name: Mand Mobile Palette
  desc: 可视化 Mand Mobile 主题编辑器
  avatar: https://cdn.docschina.org/home/logo/mand.svg
  link: https://mand-mobile.github.io/palette/#/home
- name: Weex
  desc: 基于 Vue 的移动端跨平台 UI
  avatar: https://cdn.docschina.org/home/logo/weex.svg
  link: https://weex.apache.org/

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.js 官方的路由管理器。

vue-rx

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

Vue CLI

🛠️ Vue.js 开发的标准工具

Vue SSR

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

Nuxt.js

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

- name: Element UI
  desc: 基于 Vue 的组件库
  avatar: https://cdn.docschina.org/home/logo/element.svg
  link: https://element.eleme.cn/
- name: Vuetify
  desc: 基于 Vue 的 Material 组件库
  avatar: https://cdn.docschina.org/home/logo/vuetify.svg
  link: https://vuetifyjs.com/zh-Hans/
- name: View UI
  desc: 基于 Vue 的组件库
  avatar: https://cdn.docschina.org/home/logo/iview.png
  link: https://www.iviewui.com/
- name: Vue UI Framework
  desc: Vue 官方 UI 组件
  avatar: https://cdn.docschina.org/home/logo/vue.svg
  link: https://vuejs.github.io/ui/
- name: HeyUI
  desc: 一个基于 Vue 的高质量 UI 组件库
  avatar: https://camo.githubusercontent.com/1424cb86c2634f96fe82db55f01f07c3c29e53a1/68747470733a2f2f7777772e68657975692e746f702f7374617469632f696d616765732f6c6f676f2e706e67
  link: https://www.heyui.top/
- name: San
  desc: 一个快速、轻量、灵活的 JavaScript 组件框架，兼容到 IE6
  avatar: https://cdn.docschina.org/home/logo/san.svg
  link: https://baidu.github.io/san/
- name: Vue Loader
  desc: vue-loader 可以将 Vue 单文件组件转换为 JavaScript 模块的 webpack loader
  avatar: https://cli.vuejs.org/favicon.png
  link: https://vue-loader.vuejs.org/zh/
- name: VuePress
  desc: Vue 驱动的静态网站生成器
  avatar: https://vuepress.vuejs.org/hero.png
  link: https://vuepress.vuejs.org/zh/
- name: Vue Router
  desc: Vue.js 官方的路由管理器。
  avatar: https://cli.vuejs.org/favicon.png
  link: https://router.vuejs.org/zh/
- name: vue-rx
  desc: vue-rx 帮助用户在 Vue 应用程序中实现简单的 RxJS 绑定
  avatar: 
  link: https://github.com/vuejs/vue-rx/blob/master/README-CN.md
- name: Vue CLI
  desc: 🛠️ Vue.js 开发的标准工具
  avatar: https://cli.vuejs.org/favicon.png
  link: https://cli.vuejs.org/zh/
- name: Vue SSR
  desc: Vue 官方提供的服务器端渲染(SSR)指南
  avatar: 
  link: https://ssr.vuejs.org/zh/
- name: Nuxt.js
  desc: Vue.js 元框架，用于快速创建复杂、高性能的通用 Web 应用程序
  avatar: https://zh.nuxtjs.org/logos/nuxt-icon.png
  link: https://zh.nuxtjs.org/

工具

localForage

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

Day.js

Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样。

Moment.js

处理时间和日期的 JavaScript 函数库

Lodash

一个现代的 JavaScript 工具库

jQuery API

jQuery API 速查表

jQuery

高效精简强大的工具库

Zepto

轻量级的工具库

- name: localForage
  desc: 通过简单类似 localStorage API 的异步数据存储来改进你的 Web 应用程序的离线体验
  avatar: https://cdn.docschina.org/home/logo/lf.png
  link: https://localforage.docschina.org/
- name: Day.js
  desc: Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样。
  avatar: https://day.js.org/img/logo.png
  link: https://day.js.org/zh-CN/
- name: Moment.js
  desc: 处理时间和日期的 JavaScript 函数库
  avatar: 
  link: https://momentjs.com/docs/
- name: Lodash
  desc: 一个现代的 JavaScript 工具库
  avatar: https://cdn.docschina.org/home/logo/lodash.svg
  link: http://lodash.think2011.net/
- name: jQuery API
  desc: jQuery API 速查表
  avatar: https://cdn.docschina.org/home/logo/jquery.svg
  link: http://hemin.cn/jq/
- name: jQuery
  desc: 高效精简强大的工具库
  avatar: https://cdn.docschina.org/home/logo/jquery.svg
  link: https://www.jquery123.com/
- name: Zepto
  desc: 轻量级的工具库
  avatar: https://cdn.docschina.org/home/logo/zepto.png
  link: https://zeptojs.com/

React

Create React App

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

Preact

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

React-Router

React 官方维护的路由库

DvaJS

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

Element React

Element UI 的 React 实现

Zent

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

Nerv

一个基于 Virtual DOM 的类 React 组件框架

React Native

基于 React 的移动端跨平台 UI

- name: Create React App
  desc: React 官方维护的创建 React 单页面应用的工具
  avatar: https://cdn.docschina.org/home/logo/react.svg
  link: https://cra.docschina.org/
- name: Preact
  desc: React 的 3kb 轻量化方案，拥有同样的 ES6 API
  avatar: https://cdn.docschina.org/home/logo/preact.png
  link: https://preactjs.com/
- name: React-Router
  desc: React 官方维护的路由库
  avatar: https://cdn.docschina.org/home/logo/react-router.svg
  link: https://react-router.docschina.org/
- name: DvaJS
  desc: 基于 React 和 redux，具有 elm 风格的轻量级框架。
  avatar: 
  link: https://dvajs.com/
- name: Element React
  desc: Element UI 的 React 实现
  avatar: https://cdn.docschina.org/home/logo/element.svg
  link: https://elemefe.github.io/element-react/
- name: Zent
  desc: PC 端 WebUI 规范的 React 实现，提供了一整套基础的 UI 组件以及一些常用的业务组件
  avatar: https://cdn.docschina.org/home/logo/zent.png
  link: https://youzan.github.io/zent/zh/guides/install
- name: Nerv
  desc: 一个基于 Virtual DOM 的类 React 组件框架
  avatar: https://camo.githubusercontent.com/3e1b76e514b895760055987f164ce6c95935a3aa/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f6d74642f686f6d652f6c6f676f2d3278313531333833373932363730372e706e67
  link: https://nerv.aotu.io/
- name: React Native
  desc: 基于 React 的移动端跨平台 UI
  avatar: https://cdn.docschina.org/home/logo/react.svg
  link: https://reactnative.cn/

Web 框架

React

构建用户界面的 JavaScript 库

Vue 2

渐进式 JavaScript 框架

Vue 3

渐进式 JavaScript 框架

Angular

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

- name: React
  desc: 构建用户界面的 JavaScript 库
  avatar: https://cdn.docschina.org/home/logo/react.svg
  link: https://react.docschina.org/
- name: Vue 2
  desc: 渐进式 JavaScript 框架
  avatar: https://cdn.docschina.org/home/logo/vue.svg
  link: https://cn.vuejs.org/v2/guide/
- name: Vue 3
  desc: 渐进式 JavaScript 框架
  avatar: https://cdn.docschina.org/home/logo/vue.svg
  link: https://v3.cn.vuejs.org/
- name: Angular
  desc: 应用程序设计框架和开发平台，用于创建高效且复杂的单页应用程序
  avatar: https://cdn.docschina.org/home/logo/angular.svg
  link: https://angular.cn/

代码风格检查

ESLint

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

StyleLint

一个强大的，现代的代码检查工具，可以帮助您避免错误并在您的样式中强制执行约定。

Standard JS

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

Vue 风格指南

Vue 代码的风格指南

- name: ESLint
  desc: 可组装的、用于 JavaScript 和 JSX 的代码检查工具
  avatar: https://cdn.docschina.org/home/logo/eslint.svg
  link: https://cn.eslint.org/
- name: StyleLint
  desc: 一个强大的，现代的代码检查工具，可以帮助您避免错误并在您的样式中强制执行约定。
  avatar: 
  link: https://stylelint.docschina.org/
- name: Standard JS
  desc: JavaScript 风格指南、检查工具和格式化工具
  avatar: https://cdn.docschina.org/home/logo/standardjs.svg
  link: https://standardjs.com/
- name: Vue 风格指南
  desc: Vue 代码的风格指南
  avatar: https://cdn.docschina.org/home/logo/vue.svg
  link: https://vue.docschina.org/v2/style-guide/

Node.js

Node.js

基于 V8 引擎的 JS 运行环境

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

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

- name: Node.js
  desc: 基于 V8 引擎的 JS 运行环境
  avatar: https://cdn.docschina.org/home/logo/node.svg
  link: http://nodejs.cn/
- name: Koa
  desc: 新一代的 Web 后台框架
  avatar: https://cdn.docschina.org/home/logo/koa.svg
  link: https://koajs.docschina.org/
- name: egg
  desc: 为企业级框架和 Node.js & Koa 应用程序而生
  avatar: https://cdn.docschina.org/home/logo/egg.png
  link: https://eggjs.org/zh-cn/
- name: Express
  desc: 快速极简的 Web 框架
  avatar: https://cdn.docschina.org/home/logo/express.png
  link: http://expressjs.com/zh-cn/
- name: nest
  desc: 渐进式 Node.js 框架，构建高效、可靠和可扩展的 server 应用程序
  avatar: https://cdn.docschina.org/home/logo/nest.png
  link: https://nestjs.com/
- name: ThinkJS
  desc: 能够使用完整 ES6/7 特性进行开发的 Node.js 应用程序
  avatar: https://cdn.docschina.org/home/logo/think.png
  link: https://thinkjs.org/
- name: npm
  desc: npm 是 JavaScript package 管理工具，在这里可以找到可复用代码，并以强大的全新方式进行聚合
  avatar: https://cdn.docschina.org/home/logo/npm.png
  link: https://docs.npmjs.com/
- name: cnpm
  desc: 淘宝提供的 npmjs.org 镜像
  avatar: https://npm.taobao.org/favicon.png
  link: https://developer.aliyun.com/mirror/NPM?from=tnpm
- name: yarn
  desc: 快速、可靠和安全的依赖管理
  avatar: https://cdn.docschina.org/home/logo/yarn.png
  link: https://yarnpkg.com/

编程教程

现代 JavaScript 教程

以最新的 JavaScript 标准为基准，通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。

学习 RxJS 操作符

通过每个操作符的清晰示例及解释来进行 RxJS 的学习

TypeScript 入门教程

从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript

JavaScript Promise 迷你书

基于 Promise 进行异步编程的基本使用方法以及测试的编写方法、应用及反模式等内容的文档

- name: 现代 JavaScript 教程
  desc: 以最新的 JavaScript 标准为基准，通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。
  avatar: https://user-images.githubusercontent.com/26959437/67275005-3df25500-f4f4-11e9-9c13-36e442ff40cc.jpg
  link: https://zh.javascript.info/
- name: 学习 RxJS 操作符
  desc: 通过每个操作符的清晰示例及解释来进行 RxJS 的学习
  avatar: https://cdn.docschina.org/home/logo/rxjs.png
  link: https://rxjs-cn.github.io/learn-rxjs-operators/
- name: TypeScript 入门教程
  desc: 从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript
  avatar: https://cdn.docschina.org/home/logo/typescript.svg
  link: https://ts.xcatliu.com/
- name: JavaScript Promise 迷你书
  desc: 基于 Promise 进行异步编程的基本使用方法以及测试的编写方法、应用及反模式等内容的文档
  avatar: 
  link: http://liubin.org/promises-book/

测试工具

Vue Test Utils

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

Jest

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

Karma

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

Mocha

Mocha 是运行在 Node.js 和浏览器上的功能丰富的 JavaScript 测试框架。

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 请求

- name: Vue Test Utils
  desc: Vue Test Utils 是 Vue.js 官方的单元测试实用工具库。
  avatar: 
  link: https://vue-test-utils.vuejs.org/zh/
- name: Jest
  desc: Facebook 开发的零配置测试平台，让代码库更加稳定和健壮
  avatar: https://cdn.docschina.org/home/logo/jest.png
  link: https://jest.docschina.org/
- name: Karma
  desc: Karma 的主要目标是，让测试驱动开发(TDD)变得简单、快速和有趣。
  avatar: https://cdn.docschina.org/home/logo/karma.png
  link: https://karma-runner.github.io/2.0/index.html
- name: Mocha
  desc: Mocha 是运行在 Node.js 和浏览器上的功能丰富的 JavaScript 测试框架。
  avatar: https://cdn.docschina.org/home/logo/mocha.svg
  link: https://mochajs.org/
- name: Jasmine
  desc: Jasmine 是一个用于测试 JavaScript 代码的行为驱动开发(BDD)框架
  avatar: https://cdn.docschina.org/home/logo/jasmine.png
  link: https://jasmine.github.io/
- name: Puppeteer
  desc: Puppeteer 可以通过 DevTools 协议控制 headless Chrome 或 Chromium
  avatar: https://cdn.docschina.org/home/logo/puppeteer.png
  link: https://pptr.dev/
- name: Sinon.JS
  desc: 用于对 JavaScript 隔离测试 spy, stub 和 mock。适用于任何单元测试框架
  avatar: https://cdn.docschina.org/home/logo/sinon.png
  link: https://sinonjs.org/
- name: Chai
  desc: Chai 是一个用于 Node.js 和浏览器的 BDD/TDD 断言库，可以与任何 JavaScript 测试框架便捷配对
  avatar: https://cdn.docschina.org/home/logo/chai.png
  link: http://chaijs.com/
- name: expect 
  desc: expect 帮助你编写更好的断言
  avatar: 
  link: https://github.com/mjackson/expect
- name: Should.js
  desc: 一个富于表现力、可读性强、与框架无关，用于 Node.js 的 BDD 风格断言库
  avatar: 
  link: https://shouldjs.github.io/
- name: Mock.js
  desc: 生成随机数据，拦截 Ajax 请求
  avatar: 
  link: http://mockjs.com/

编译构建

webpack

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

Babel

Babel 是 JavaScript 编译器，让你可以项目中直接使用下一代 JavaScript。

Parcel

极速零配置Web应用打包工具

rollup.js

新一代 JavaScript 模块打包器

Vite

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

TypeScript

JavaScript 超集

Gulp

基于流的自动化构建工具

Grunt

JavaScript 世界的构建工具

Lerna

A tool for managing JavaScript projects with multiple packages.

- name: webpack
  desc: 用于现代 JavaScript 应用程序的静态模块打包工具
  avatar: https://cdn.docschina.org/home/logo/webpack-offical.svg
  link: https://webpack.docschina.org/
- name: Babel
  desc: Babel 是 JavaScript 编译器，让你可以项目中直接使用下一代 JavaScript。
  avatar: https://cdn.docschina.org/home/logo/babel.png
  link: https://babel.docschina.org/
- name: Parcel
  desc: 极速零配置Web应用打包工具
  avatar: https://cdn.docschina.org/home/logo/parcel.png
  link: https://parceljs.docschina.org/
- name: rollup.js
  desc: 新一代 JavaScript 模块打包器
  avatar: https://cdn.docschina.org/home/logo/rollup.svg
  link: https://rollup.docschina.org/guide/zh/
- name: Vite
  desc: 下一代前端开发与构建工具
  avatar: https://cn.vitejs.dev/logo.svg
  link: https://cn.vitejs.dev/
- name: TypeScript
  desc: JavaScript 超集
  avatar: https://cdn.docschina.org/home/logo/typescript.svg
  link: https://zhongsp.gitbooks.io/typescript-handbook/content/
- name: Gulp
  desc: 基于流的自动化构建工具
  avatar: https://cdn.docschina.org/home/logo/gulp.svg
  link: https://www.gulpjs.com.cn/
- name: Grunt
  desc: JavaScript 世界的构建工具
  avatar: https://cdn.docschina.org/home/logo/grunt.svg
  link: https://grunt.docschina.org/
- name: Lerna
  desc: A tool for managing JavaScript projects with multiple packages.
  avatar: https://lerna.js.org/images/lerna-hero.svg
  link: https://lerna.js.org/

模板引擎

EJS

Embedded JavaScript templating.

pug

JavaScript 模板引擎

Handlebars.js

Minimal templating on steroids

- name: EJS
  desc: Embedded JavaScript templating.
  avatar: 
  link: https://ejs.co/
- name: pug
  desc: JavaScript 模板引擎
  avatar: 
  link: https://pugjs.org/
- name: Handlebars.js
  desc: Minimal templating on steroids
  avatar: 
  link: https://handlebarsjs.com/

状态管理

Mobx

简单、可扩展的状态管理

Redux

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

Rematch

Rematch 是没有 boilerplate 的 Redux 最佳实践

Vuex

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

- name: Mobx
  desc: 简单、可扩展的状态管理
  avatar: https://cdn.docschina.org/home/logo/mobx.png
  link: https://cn.mobx.js.org/
- name: Redux
  desc: JavaScript 状态容器，提供可预测化的状态管理
  avatar: https://cdn.docschina.org/home/logo/redux.svg
  link: https://cn.redux.js.org/
- name: Rematch
  desc: Rematch 是没有 boilerplate 的 Redux 最佳实践
  avatar: https://cdn.docschina.org/home/logo/rematch.png
  link: https://rematch.gitbook.io/handbook/
- name: Vuex
  desc: vuex 是 Vue 官方提供的状态管理工具
  avatar: https://cdn.docschina.org/home/logo/vue.svg
  link: https://vuex.vuejs.org/zh/

技术周刊

印记中文周刊 - JavaScript

关于 JavaScript 的文章、新闻和项目的周刊

印记中文周刊 - React

关于 React 的文章、新闻和项目的周刊

Node Weekly

Node.js 新闻和文章

CSS Weekly

CSS 文章、教程、实验、工具等摘要

Vue news

Vue 官方提供的最新实时动态资讯

- name: 印记中文周刊 - JavaScript
  desc: 关于 JavaScript 的文章、新闻和项目的周刊
  avatar: https://cdn.docschina.org/home/logo/docschina-logo.svg
  link: https://docschina.org/weekly/js/docs/
- name: 印记中文周刊 - React
  desc: 关于 React 的文章、新闻和项目的周刊
  avatar: https://cdn.docschina.org/home/logo/docschina-logo.svg
  link: https://docschina.org/weekly/react/docs/
- name: Node Weekly
  desc: Node.js 新闻和文章
  avatar: 
  link: https://nodeweekly.com/
- name: CSS Weekly
  desc: CSS 文章、教程、实验、工具等摘要
  avatar: https://css-weekly.com/wp-content/themes/cssweekly/img/cssweekly-logo.png
  link: https://css-weekly.com/
- name: Vue news
  desc: Vue 官方提供的最新实时动态资讯
  avatar: https://cdn.docschina.org/home/logo/vue.svg
  link: https://news.vuejs.org/

小程序框架

Remax

使用真正的 React 构建跨平台小程序

Taro

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

kbone

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

omi/omip

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

WePY

WePY 是一款让小程序支持组件化开发的框架

mpvue

mpvue 是一个使用 Vue.js 开发小程序的前端框架。

mpx

一款具有优秀开发体验和深度性能优化的增强型小程序开发框架。

megalo

基于 Vue 的小程序框架

Chameleon 变色龙

跨端统一解决方案，一套代码运行多端，一端所见即多端所见

uni-app

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码

- name: Remax
  desc: 使用真正的 React 构建跨平台小程序
  avatar: https://gw.alipayobjects.com/mdn/rms_b5fcc5/afts/img/A*1NHAQYduQiQAAAAAAAAAAABkARQnAQ
  link: https://remaxjs.org/
- name: Taro
  desc: Taro 是一套遵循 React 语法规范的 多端开发 解决方案。
  avatar: https://cdn.docschina.org/home/logo/taro.png
  link: https://taro.jd.com/
- name: kbone
  desc: kbone 用于支持一个项目可以同时在 Web 端和小程序端被使用
  avatar: 
  link: https://developers.weixin.qq.com/miniprogram/dev/extended/kbone/
- name: omi/omip
  desc: Omi 可以开发桌面 Web、移动 H5，同时支持开发小程序
  avatar: https://camo.githubusercontent.com/5a3ce051411cca4d8abd0e0abff879bb5a871520/68747470733a2f2f74656e63656e742e6769746875622e696f2f6f6d692f6173736574732f6f6d692d6c6f676f323031392e737667
  link: https://tencent.github.io/omi/
- name: WePY
  desc: WePY 是一款让小程序支持组件化开发的框架
  avatar: https://opensource.tencent.com/img/wepy.png
  link: https://github.com/Tencent/wepy
- name: mpvue
  desc: mpvue 是一个使用 Vue.js 开发小程序的前端框架。
  avatar: http://mpvue.com/assets/img/logo.0aaccdfd.png
  link: http://mpvue.com/
- name: mpx
  desc: 一款具有优秀开发体验和深度性能优化的增强型小程序开发框架。
  avatar: https://cdn.docschina.org/home/logo/mpx-logo.png
  link: https://didi.github.io/mpx/
- name: megalo
  desc: 基于 Vue 的小程序框架
  avatar: https://megalojs.org/static/megalo.png
  link: https://megalojs.org/#/
- name: Chameleon 变色龙
  desc: 跨端统一解决方案，一套代码运行多端，一端所见即多端所见
  avatar: https://camo.githubusercontent.com/9a6e165b9188a8ac4e5173bc382688a418fad711/68747470733a2f2f636d6c2e6a732e6f72672f646f632f6173736574732f3130302a3130302e706e67
  link: https://cml.js.org/
- name: uni-app
  desc: uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码
  avatar: 
  link: https://uniapp.dcloud.io/

可视化工具

Threejs

JavaScript 3d 库

Apache ECharts

一个基于 JavaScript 的开源可视化图表库

SpriteJS

SpriteJS 是跨平台的高性能图形系统，它能够支持web、node、桌面应用和小程序的图形绘制和实现各种动画效果。

AntV 可视化解决方案

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

D3js

D3js 是一个可以基于数据来操作文档的 JavaScript 库。

v-charts

基于 Vue 和 ECharts 封装的图表组件

- name: Threejs
  desc: JavaScript 3d 库
  avatar: https://cdn.docschina.org/home/logo/threejs.png
  link: https://threejs.docschina.org/
- name: Apache ECharts
  desc: 一个基于 JavaScript 的开源可视化图表库
  avatar: https://cdn.docschina.org/home/logo/echarts.png
  link: https://echarts.apache.org/zh/index.html
- name: SpriteJS
  desc: SpriteJS 是跨平台的高性能图形系统，它能够支持web、node、桌面应用和小程序的图形绘制和实现各种动画效果。
  avatar: https://cdn.docschina.org/home/logo/spritejs.png
  link: http://spritejs.org/
- name: AntV 可视化解决方案
  desc: 基于全新一代数据可视化解决方案 AntV
  avatar: https://cdn.docschina.org/home/logo/antv.svg
  link: https://antv.alipay.com/zh-cn/index.html
- name: D3js
  desc: D3js 是一个可以基于数据来操作文档的 JavaScript 库。
  avatar: https://cdn.docschina.org/home/logo/d3.svg
  link: https://d3js.org.cn/
- name: v-charts
  desc: 基于 Vue 和 ECharts 封装的图表组件
  avatar: https://cdn.docschina.org/home/logo/vue.svg
  link: https://v-charts.js.org/

UmiJS 框架

UmiJS

Extensible enterprise-level front-end application framework.

qiankun

Probably the most complete micro-frontends solution you ever met🧐

dumi

📖 A doc tool can assist you to develop libraries & write docs.

Umi入门

简易的 umi 入门教程， step-by-step 的学习，适合零基础的朋友

- name: UmiJS
  desc: Extensible enterprise-level front-end application framework.
  avatar: https://cdn.nlark.com/yuque/0/2019/png/94593/1557474097153-avatar/eaebf94d-aaea-45ad-b2f3-9c0d4b0abbe6.png?x-oss-process=image%2Fresize%2Cm_fill%2Cw_48%2Ch_48%2Fformat%2Cpng
  link: https://umijs.org/
- name: qiankun
  desc: Probably the most complete micro-frontends solution you ever met🧐
  avatar: https://cdn.nlark.com/yuque/0/2019/png/94593/1557474097153-avatar/eaebf94d-aaea-45ad-b2f3-9c0d4b0abbe6.png?x-oss-process=image%2Fresize%2Cm_fill%2Cw_48%2Ch_48%2Fformat%2Cpng
  link: https://qiankun.umijs.org/
- name: dumi
  desc: 📖 A doc tool can assist you to develop libraries & write docs.
  avatar: https://cdn.nlark.com/yuque/0/2019/png/94593/1557474097153-avatar/eaebf94d-aaea-45ad-b2f3-9c0d4b0abbe6.png?x-oss-process=image%2Fresize%2Cm_fill%2Cw_48%2Ch_48%2Fformat%2Cpng
  link: https://d.umijs.org/
- name: Umi入门
  desc: 简易的 umi 入门教程， step-by-step 的学习，适合零基础的朋友
  avatar: https://cdn.nlark.com/yuque/0/2019/png/94593/1557474097153-avatar/eaebf94d-aaea-45ad-b2f3-9c0d4b0abbe6.png?x-oss-process=image%2Fresize%2Cm_fill%2Cw_48%2Ch_48%2Fformat%2Cpng
  link: https://www.yuque.com/umijs/umi

ant design 系列

Ant Design

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

ANT DESIGN PRO

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

Ant Design Mobile

一个基于 Preact / React / React Native 的 UI 组件库

Ant Design of Vue

Ant Design 的 Vue 实现，开发和服务于企业级后台产品。

ANTD PRO VUE

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

NG-ZORRO

ng-zorro-antd 是遵循 Ant Design 设计规范的 Angular UI 组件库，主要用于研发企业级中后台产品。

NG-ZORRO-MOBILE

Ant Design 移动规范的 Angular 实现，服务于阿里巴巴集团数据无线业务。

NG-ALAIN

一个基于 Antd 中后台前端解决方案，提供更多通用性业务模块，让开发者更加专注于业务。

Ant UX

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

react-component

ant design 内部使用的 React 基础组件

- name: Ant Design
  desc: 企业级的 UI 设计语言和 React 实现
  avatar: https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg
  link: https://ant.design/index-cn
- name: ANT DESIGN PRO
  desc: 开箱即用的中台前端/设计解决方案
  avatar: https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg
  link: https://pro.ant.design/index-cn/
- name: Ant Design Mobile
  desc: 一个基于 Preact / React / React Native 的 UI 组件库
  avatar: https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg
  link: https://mobile.ant.design/
- name: Ant Design of Vue
  desc:  Ant Design 的 Vue 实现，开发和服务于企业级后台产品。
  avatar: https://pro.antdv.com/logo.png
  link: https://antdv.com/
- name: ANTD PRO VUE
  desc: 开箱即用的中台前端/设计解决方案
  avatar: https://pro.antdv.com/logo.png
  link: https://pro.antdv.com/
- name: NG-ZORRO
  desc: ng-zorro-antd 是遵循 Ant Design 设计规范的 Angular UI 组件库，主要用于研发企业级中后台产品。
  avatar: https://ng.ant.design/assets/img/logo.svg
  link: https://ng.ant.design/docs/introduce/zh
- name: NG-ZORRO-MOBILE
  desc: Ant Design 移动规范的 Angular 实现，服务于阿里巴巴集团数据无线业务。
  avatar: https://gw.alicdn.com/tfs/TB18WVWJpzqK1RjSZSgXXcpAVXa-106-120.svg
  link: http://ng.mobile.ant.design/
- name: NG-ALAIN
  desc: 一个基于 Antd 中后台前端解决方案，提供更多通用性业务模块，让开发者更加专注于业务。
  avatar: https://ng-alain.com/assets/img/logo-color.svg
  link: https://ng-alain.com/
- name: Ant UX
  desc: 用于 OG, Sketch, Axure, Affinity, Adobe XD 等 UX 的 sitemap 模板
  avatar: https://cdn.docschina.org/home/logo/antdesign.svg
  link: https://ux.ant.design/
- name: react-component
  desc: ant design 内部使用的 React 基础组件
  avatar: https://cdn.docschina.org/home/logo/antdesign.svg
  link: http://react-component.github.io/badgeboard/