Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/jobbole/awesome-javascript-cn

JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等。由「开源前哨」和「前端大全」微信公号团队维护更新。
https://github.com/jobbole/awesome-javascript-cn
List: awesome-javascript-cn
javascript
Last synced: 20 days ago
JSON representation
JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等。由「开源前哨」和「前端大全」微信公号团队维护更新。
Host: GitHub
URL: https://github.com/jobbole/awesome-javascript-cn
Owner: jobbole
Created: 2015-11-03T11:17:05.000Z (about 9 years ago)
Default Branch: master
Last Pushed: 2022-04-13T09:32:03.000Z (over 2 years ago)
Last Synced: 2024-05-18T20:54:43.718Z (6 months ago)
Topics: javascript
Homepage:
Size: 466 KB
Stars: 7,690
Watchers: 638
Forks: 1,987
Open Issues: 1
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

awesome-awesome - awesome-javascript-cn
awesome - jobbole/awesome-javascript-cn - JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等。由「开源前哨」和「前端大全」微信公号团队维护更新。 (Others)
awesome-list - JavaScript 资源大全中文版
awesome-github-star - awesome-javascript-cn
awesome-learning - jobbole/awesome-javascript-cn
awesomeKnowledge - jobbole/awesome-javascript-cn
awesome-hacking-lists - jobbole/awesome-javascript-cn - JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等。由「开源前哨」和「前端大全」微信公号团队维护更新。 (Others)
awesome - awesome-javascript-cn - JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC 框架和库、模板引擎等 (Awesomes / 语言)
ultimate-awesome - awesome-javascript-cn - JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等。由「开源前哨」和「前端大全」微信公号团队维护更新。. (Other Lists / PowerShell Lists)
awesome-list - jobbole/awesome-javascript-cn - JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等。 (Programming Language / JavaScript)
README

        # JavaScript 资源大全中文版

[awesome-javascript](https://github.com/sorrycc/awesome-javascript) 是 sorrycc 发起维护的 JS 资源列表，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC 框架和库、模板引擎、数据可视化、时间轴、编辑器等。由「开源前哨」和「前端大全」微信公号团队维护更新。

### 本项目的参与者

- 维护者：「开源前哨」和「前端大全」微信公号团队。「开源前哨」会定期在知乎专栏分享最新、有趣和热门的开源项目，每个项目都有详细的介绍和示例。传送门：

- 贡献者：[Yangholmes](https://github.com/Yangholmes)、[刘健超](https://github.com/JChehe)、MissNull、一兮、Mr. Somebody、Jason Lee、Tab_Gre、GavinZhang、shadowkimi520、zhoutk、tzstone、Erichain、chen、[ElizabethMa](https://github.com/ElizabethMa)、LeuisKen、linacre、王涛、[neal1991](https://github.com/neal1991)、[luoyjx](https://github.com/luoyjx)、[appleshowc](https://github.com/appleshowc)、[TAMMENY](https://github.com/TAMMENY)、[cike8899](https://github.com/cike8899)、[cnzin](https://github.com/cnzin)、[cike8899](https://github.com/cike8899)、[hustcc](https://github.com/hustcc)、冰斌、[邢敏](https://github.com/dfghj44444)、[张小然](https://github.com/hellozhangran)

注: 名单不分排名，不定期补充更新

* * *

### 目录

* [JavaScript资源大全中文版](#awesome-javascript-cn)

  * [包管理器](#包管理器)

  * [加载器](#加载器)

  * [组件管理器](#组件管理器)

  * [打包工具](#打包工具)

  * [测试框架](#测试框架)

  * [QA工具](#QA-工具)

  * [MVC 框架和库](#MVC-框架和库)

  * [基于 Node 的 CMS 框架](#基于-Node-的-CMS-框架)

  * [模板引擎](#模板引擎)

  * [文章和帖子](#文章和帖子)

  * [数据可视化](#数据可视化)

    * [时间轴](#时间轴)

    * [电子表格](#电子表格)

  * [编辑器](#编辑器)

  * [文档](#文档)

  * 工具

    * [文件](#文件)

    * [函数式编程](#函数式编程)

    * [响应式编程](#响应式编程)

    * [数据结构](#数据结构)

    * [日期](#日期)

    * [字符串](#字符串)

    * [数字](#数字)

    * [存储](#存储)

    * [颜色](#颜色)

    * [国际化和本地化](#国际化和本地化)

    * [控制流](#控制流)

    * [路由](#路由)

    * [安全性](#security)

    * [日志](#日志)

    * [正则表达式](#正则表达式)

    * [语音命令](#语音命令)

    * [API](#API)

    * [流媒体](#流媒体)

    * [视觉检测](#视觉检测)

    * [机器学习](#机器学习)

    * [浏览器检测](#浏览器检测)

    * [基准测试](#基准测试)

  * UI

    * [代码高亮](#代码高亮)

    * [加载状态](#加载状态)

    * [验证](#验证)

    * [键盘封装器](#键盘封装器)

    * [导览与指南](#导览与指南)

    * [通知](#通知)

    * [幻灯片](#幻灯片)

    * [滑块控件](#滑块控件)

    * [表单组件](#表单组件)

    * [提示](#提示)

    * [模态框和弹出框](#模态框和弹出框)

    * [滚动条](#滚动条)

    * [菜单](#菜单)

    * [表格/栅格](#表格/栅格)

    * [框架](#框架)

    * [Boilerplates](#Boilerplates)

  * [手势](#手势)

  * [地图](#地图)

  * [视频/音频](#视频/音频)

  * [排版](#排版)

  * [动画](#动画)

  * [图片处理](#图片处理)

  * [ES6](#ES6)

  * [静态页面生成器](#静态页面生成器)

  * [SDK](#SDK)

  * [大杂烩](#大杂烩)

* [精品阅读](#worth-reading)

* [其他 Awesome](#其他-Awesome-系列)

- [资源](#resources)

    - [有影响力的书](#influential-books)

* * *

## 包管理器

管理、读取和打包 JavaScript 库的工具。

* [npm](https://www.npmjs.com/)：npm 是 JavaScript 的包管理器。

* [Bower](https://github.com/bower/bower)：一个 web 应用的包管理器。

* [component](https://github.com/componentjs/component)：能构建更好 web 应用的客户端包管理器。

* [spm](https://github.com/spmjs/spm)：全新的静态包管理器。

* [jam](https://github.com/caolan/jam)：一个专注于浏览器端的包管理器, 兼容 RequireJS 。

* [jspm](https://github.com/jspm/jspm-cli)：流畅的浏览器包管理器。

* [Ender](https://github.com/ender-js/Ender)：没有库文件的程序库。

* [volo](https://github.com/volojs/volo)：以项目模板、添加依赖项与自动化生成的方式创建前端项目。

* [Duo](https://github.com/duojs/duo)：融合了 Component、Browserify 和 Go 的最佳思想，快速无痛开发组织前端代码的下一代包管理器。

* [yarn](https://yarnpkg.com/lang/en/)：高效、稳定、安全的依赖管理器。

* [pnpm](https://pnpm.js.org/)：效率高、磁盘利用率高的包管理器

## 组件管理器

* [Bit](https://github.com/teambit/bit)：跨应用创建、查找、复用组件（支持 React、Angular、Node.js 等等）的组件管理器

## 加载器

JavaScript 模块或加载系统。

* [RequireJS](https://github.com/jrburke/requirejs)：一种 JavaScript 文件和模块加载器。

* [browserify](https://github.com/substack/node-browserify)：像在 Node.js 一样在浏览器端使用 require() 函数。

* [SeaJS](https://github.com/seajs/seajs)：Web 端模块加载器。

* [HeadJS](https://github.com/headjs/headjs)：HEAD 里只有唯一一个 script 引入。

* [curl](https://github.com/cujojs/curl)：小巧、快速且易扩展的模块加载器，它能处理 AMD、CommonJS Modules/1.1、CSS、HTML/text 和非模块化脚本。

* [lazyload](https://github.com/rgrove/lazyload/)：小巧且无依赖的异步 JavaScript 和 CSS 加载器。

* [script.js](https://github.com/ded/script.js)：异步 JavaScript 加载器和依赖管理器。

* [systemjs](https://github.com/systemjs/systemjs)：AMD、CJS（commonJS） 和符合 ES6 规范的模块加载器。

* [LodJS](https://github.com/yanhaijing/lodjs)：基于 AMD 的模块加载器。

* [ESL](https://github.com/ecomfe/esl)：浏览器端的模块加载器，支持懒定义和 AMD。

* [modulejs](https://github.com/lrsjng/modulejs)：轻量的 JavaScript 模块系统。

## 打包工具

* [browserify](https://github.com/substack/node-browserify)：Browserify 帮助你在浏览器端使用 require('modules') 打包所有依赖。

* [webpack](https://github.com/webpack/webpack)：为浏览器打包 CommonJs/AMD 模块。

* [Rollup](https://github.com/rollup/rollup)：下一代 ES6 模块打包工具。

* [Brunch](https://github.com/brunch/brunch)：只需要简单声明式配置的快速前端 Webapp 构建工具。

* [Parcel](https://github.com/parcel-bundler/parcel)：零配置，超快速 Web 应用打包工具。

* [Microbundle](https://github.com/developit/microbundle)：用于小模块的零配置打包工具。

* [FuseBox](https://github.com/fuse-box/fuse-box)：一个只做正确事情的打包工具。

## 类型检测

* [TypeScript](https://www.typescriptlang.org/)：JavaScript 的超集，可以编译成原生 JavaScript 。

* [Flow.js](https://flow.org/en/)：Facebook 出品的静态类型检查器。

* [Hegel](https://jsmonk.github.io/hegel/)：偏向于强类型推断的静态类型检查器。

* [TypL](https://github.com/getify/TypL)：偏向于类型推断的 JavaScript 类型检查器。

* [Hindley Milner Definitions](https://github.com/xodio/hm-def)：使用类似 Haskell 的 Hindley Milner 类型签名的 JavaScript 函数运行时类型检查。

## 测试框架

### 框架

* [mocha](https://github.com/mochajs/mocha)：适用于 node.js 和浏览器的简易、灵活、有趣的 JavaScript 测试框架。

* [jasmine](https://github.com/jasmine/jasmine)：简单无 DOM 的 JavaScript 测试框架。

* [qunit](https://github.com/jquery/qunit)：一个易用的 JavaScript 单元测试框架。

* [jest](https://github.com/facebook/jest)：能无痛使用的 JavaScript 单元测试框架。

* [prova](https://github.com/azer/prova)：基于 Tape 和 Browserify 的测试运行器，适用于 Node 和 浏览器。

* [DalekJS](https://github.com/dalekjs/dalek)：跨浏览器的 JavaScript 自动化功能测试框架（已经停止维护——译者注）。

* [Protractor](https://github.com/angular/protractor)：适用于 AngularJS 应用的端到端测试框架。

* [tape](https://github.com/substack/tape)：适用于 Node 和浏览器的 tap 生成器测试套件。

* [TestCafe](https://github.com/DevExpress/testcafe)：适用于现代 Web 应用开发栈的自动化浏览器测试工具。

* [ava](https://github.com/avajs/ava)：🚀 未来感十足的测试运行器。

* [Cypress](https://www.cypress.io/)：一个完整的端到端测试框架，用于测试在浏览器中运行的所有代码。

### 断言

* [chai](https://github.com/chaijs/chai)：适用于 node.js 和浏览器的 BDD / TDD 断言框架，并能搭配任意测试框架使用。

* [Enzyme](http://airbnb.io/enzyme/index.html)：Enzyme 是一款 React 专用的 JavaScript 测试工具，让断言、操作和遍历 React 组件之后输出更加容易。

* [react testing library](https://github.com/kentcdodds/react-testing-library)：简单完备的 React DOM 测试工具，引导更好的测试实践。

* [Sinon.JS](https://github.com/sinonjs/sinon)：对 JavaScript 进行 spies、stubs 和 mock 测试。

* [expect.js](https://github.com/Automattic/expect.js)：简约的、适用于 Node.js 和浏览器端的 BDD 风格的断言工具。

* [proxyquire](https://github.com/thlorenz/proxyquire)：Node.js 依赖桩代码。

### 覆盖率

* [istanbul](https://github.com/gotwarlost/istanbul)：一个 JavaScript 代码覆盖率检测工具。

* [blanket](https://github.com/alex-seville/blanket)：一个简单的代码覆盖率检测库。它的设计理念是易于安装和使用，浏览器和 node.js 都可用。

* [JSCover](https://github.com/tntim96/JSCover)：JSCover 是一个检测 JavaScript 程序代码覆盖率的工具。

### 运行器

* [phantomjs](https://github.com/ariya/phantomjs)：无界面的 Webkit 运行时（已暂停开发——译者注）。

* [slimerjs](https://github.com/laurentj/slimerjs)：一个内核为 Gecko 的类似 PhantomJS 工具。

* [casperjs](https://github.com/n1k0/casperjs)：基于 PhantomJS 和 Slimer JS 的导航脚本和测试工具。

* [zombie](https://github.com/assaf/zombie)：基于 node.js 的超快速、全栈且无图形界面的浏览器的测试工具。

* [totoro](https://github.com/totorojs/totoro)：一个简单可靠的跨浏览器测试工具。

* [karma](https://github.com/karma-runner/karma)：一款超级棒的 JavaScript 测试运行器（多浏览器测试场景下的 JavaScript 执行工具——译者注）。

* [nightwatch](https://github.com/nightwatchjs/nightwatch)：基于 node.js 和 selenium webdriver 的图形界面自动化测试框架。

* [intern](https://github.com/theintern/intern)：下一代 JavaScript 代码测试栈。

* [yolpo](http://www.yolpo.com/)：在浏览器逐句执行的 JavaScript 解释器。

* [puppeteer](https://github.com/GoogleChrome/puppeteer)：谷歌 Chrome 团队出品，无界面 Chrome （Chromium） Node.js API 环境。

* [webdriverio](https://github.com/webdriverio/webdriverio)：下一代 Web 驱动的 Node.js 自动化测试框架。

* [taiko](https://github.com/getgauge/taiko)：用于自动测试 Chromium 内核浏览器的简易 Node.js API 库。

## QA 工具

* [Prettier](https://github.com/prettier/prettier)：Prettier 是一款固执（严格）的代码格式化工具。

* [JSHint](https://github.com/jshint/jshint/)：JSHint 是一款用于检测 JavaScript 代码错误和潜在问题的工具。

* [jscs](https://github.com/jscs-dev/node-jscs)：JavaScript 代码风格检测工具。

* [jsfmt](https://github.com/rdio/jsfmt)：格式化、搜索和改写 JavaScript。

* [jsinspect](https://github.com/danielstjules/jsinspect)：检测复制粘贴和结构类似的代码。

* [buddy.js](https://github.com/danielstjules/buddy.js)：检测 JavaScript 代码里的魔术数字。

* [ESLint](https://github.com/eslint/eslint)：一款完全可插拔的 JavaScript 模板检测和报告工具。

* [JSLint ](https://github.com/douglascrockford/JSLint)：高标准、严要求且固执的代码质量工具，旨在保持语言的精华部分。

* [JavaScript Standard Style](https://github.com/feross/standard)：固执、无需配置的代码风格规范、检查器和格式化工具。

* [Pre-evaluate code at buildtime](https://github.com/kentcdodds/preval.macro)：构建阶段前端 JavaScript 代码与评估器。

* [JS-Beautifier](https://github.com/beautify-web/js-beautify)：格式化 JavaScript 代码的 npm 脚手架和库。

* [husky](https://github.com/typicode/husky)：防止劣质的 git commit、git push 等 git 操作。

## MVC 框架和库

* [angular.js](https://github.com/angular/angular.js)：专为 web 应用设计的增强型 HTML 。

* [aurelia](http://aurelia.io/)：一个适用于移动设备、桌面设备和 web 的 JavaScript 客户端框架。

* [backbone](https://github.com/jashkenas/backbone)：web 应用模型层、视图层、数据集合和事件的骨架。

* [ember.js](https://github.com/emberjs/ember.js)：一个旨在创建非凡 web 应用的 JavaScript 框架。

* [meteor](https://github.com/meteor/meteor)：一个超简单的、数据库无处不在的、只传输数据的纯 JavaScript web 框架。

* [ractive](https://github.com/ractivejs/ractive)：新一代 DOM 操作。

* [vue](https://github.com/vuejs/vue)：一套用于构建用户界面的渐进式框架。

* [svelte](https://github.com/sveltejs/svelte)：svelte 是一种构建 web 应用的新方式。svelte 编译器将声明式组件编译成高效的 JavaScript 代码，并且会像外科手术那样更新 DOM。

* [knockout](https://github.com/knockout/knockout)：Knockout 让使用 JavaScript 创建响应式富 UI 更加容易。

* [spine](https://github.com/spine/spine)：轻量级 JavaScript 应用 MVC 框架。

* [espresso.js](https://github.com/techlayer/espresso.js)：一个极小的、用于制作用户界面的 JavaScript 库。

* [canjs](https://github.com/canjs/canjs)：让 JS 更好、更快、更简单。

* [react](https://facebook.github.io/react/)：用于建构用户界面的库。它是声明式的、高效的和极度灵活的。以虚拟 DOM 作为其实现。

* [hyperapp](https://github.com/hyperapp/hyperapp)：体积仅 1kb 的前端应用构件库。

* [preact](https://github.com/developit/preact)：体积仅 3kb 的用 ES6 api 实现的 React 替代方案。（和 React 一样基于）组件和虚拟 DOM。

* [nativescript](https://github.com/NativeScript/NativeScript)：构建真正的跨平台原生 JavaScript 应用，支持 iOS 和 Android 。

* [react-native](https://github.com/facebook/react-native)：一个用 React 构建原生应用的框架。

* [riot](https://github.com/riot/riot)：轻量级类 React 库。

* [thorax](https://github.com/walmartlabs/thorax)：强化版 Backbone。

* [chaplin](https://github.com/chaplinjs/chaplin)：使用 Backbone.js 库的 JavaScript 应用架构。

* [marionette](https://github.com/marionettejs/backbone.marionette)：一个 Backbone.js 的复合应用程序库，旨在简化大型 JavaScript 应用结构。

* [ripple](https://github.com/ripplejs/ripple)：一个小巧的、用于构建响应界面的基础框架。

* [rivets](https://github.com/mikeric/rivets)：轻量却拥有强大的数据绑定和模板解决方案。

* [derby](https://github.com/derbyjs/derby)：让编写实时和协同应用更简单的 MVC 框架，能够同时在 Node.js 和浏览器运行。

    * [derby-awesome](https://github.com/russll/awesome-derby)：很棒的 derby 组件集合。

* [way.js](https://github.com/gwendall/way.js)：简单、轻量、持久的双向数据绑定库。

* [mithril.js](https://github.com/lhorie/mithril.js)：Mithril 是一个客户端 MVC 框架（轻量、强大和快速）

* [jsblocks](https://github.com/astoilkov/jsblocks)：jsblocks 是一个更好的类 MV 框架。

* [LiquidLava](http://www.lava-framework.com/)：用于构建用户界面的透明 MVC 框架。

* [feathers](https://github.com/feathersjs/feathers)：专为未来应用设计的极简主义实时 JavaScript 库。

* [Keo](https://github.com/Wildhoney/Keo)：基于 Shadow DOM 的函数式无状态的 React 组件（框架）。

* [atvjs](https://github.com/emadalam/atvjs)：使用原生 JavaScript 快速开发 Apple TV 应用。

* [makefun](https://www.npmjs.com/package/makefun)：链式 Promise 调用。

* [Alpine.js](https://github.com/alpinejs/alpine)：Alpine.js 以更低的代价实现了像 Vue 和 React 这类大型架构一样的响应式和声明式的特性。

* [inferno](https://github.com/infernojs/inferno)：🔥 一款用于构建现代用户界面的超级快速、类似 React 的 JS 库。

## 基于 Node 的 CMS 框架

* [KeystoneJS](https://github.com/keystonejs/keystone)：强大的 CMS 和 Web 应用框架。

* [Reaction Commerce](https://github.com/reactioncommerce/reaction)：拥有实时的架构和设计的响应式 CMS。

* [Ghost](https://github.com/tryghost/Ghost)：简单、强大的发布平台。

* [Apostrophe](https://github.com/punkave/apostrophe)：提供内容编辑和基本服务的 CMS。

* [We.js](https://github.com/wejs/we/)：适用于实时应用、网站或博客的框架。

* [Hatch.js](https://github.com/inventures/hatchjs)：拥有社交特性的 CMS 平台。

* [TaracotJS](https://github.com/xtremespb/taracotjs-generator/)：基于 Node.js 的快速、极简风格 CMS。

* [Nodizecms](https://github.com/nodize/nodizecms)：为 CoffeeScript 爱好者准备的 CMS。

* [Cody](https://github.com/jcoppieters/cody)：拥有所见即所得编辑器的 CMS。

* [PencilBlue](https://github.com/pencilblue/pencilblue/)：一个 CMS 和博客平台。

* [Strapi](https://github.com/strapi/strapi)：开源无界面的 Node.js CMS 系统，可轻松定制个性化接口。

* [Factor](https://github.com/fiction-com/factor)：一款 JavaScript CMS。

## 模板引擎

*模板引擎用于执行字符串插值。*

* [mustache.js](https://github.com/janl/mustache.js)：JavaScript 最精简的 {{mustaches}} 模板

* [handlebars.js](https://github.com/wycats/handlebars.js/)：Mustache 模板语言的扩展。

* [nunjucks](https://mozilla.github.io/nunjucks/)：Mozilla 出品，丰富且强大的 JavaScript 模板语言。

* [hogan.js](https://github.com/twitter/hogan.js)：是 Mustache 模板语言的编译器。

* [doT](https://github.com/olado/doT)：最快速简洁的 JavaScript 模板引擎，适用于 Node.js 和浏览器。

* [dustjs](https://github.com/linkedin/dustjs/)：适用于浏览器和 Node.js 的异步模板。

* [eco](https://github.com/sstephenson/eco/)：嵌入式的 CoffeeScript 模板。

* [JavaScript-Templates](https://github.com/blueimp/JavaScript-Templates)：轻量（小于 1KB）、快速、强大且无依赖的 JavaScript 模版引擎。

* [t.js](https://github.com/jasonmoo/t.js)：小巧的 JavaScript 模板框架，压缩后约为 400 字节。

* [Pug](https://github.com/pugjs/pug)：健壮的、优雅且功能丰富的 nodejs 模板引擎。`（曾用名：Jade）`

* [EJS](https://github.com/mde/ejs)：高效的 JavaScript 模板。

* [xtemplate](https://github.com/xtemplate/xtemplate)：可扩展的模板引擎，适用于 node.js 和浏览器。

* [marko](https://github.com/marko-js/marko)：基于 HTML 快速轻量的模板引擎，支持异步、流、自定义标签，支持 CommonJS 模块作为编译后输出，适用于 Node.js 和浏览器。

* [swig](https://github.com/paularmstrong/swig)：一款简单、强大、可扩展的基于 Node.js 和 浏览器的 JavaScript 模板引擎。`（已停止维护）`

* [EHTML](https://github.com/Guseyn/EHTML)：一款实现零编写 JavaScript 的 HTML 框架。

## 文章和帖子

* [你必须知道的 JavaScript 知识](https://medium.com/@pedropolisenso/o-javasscript-que-você-deveria-conhecer-b70e94d1d706)：介绍 JavaScript 基本概念的葡萄牙语文章。

* [JavaScript 运行原理](https://blog.sessionstack.com/tagged/tutorial)：介绍 JavaScript 构建块的文集。

* [利用 web-workers 实现多线程](https://www.loginradius.com/engineering/blog/adding-multi-threading-to-javascript-using-web-workers/)：Web Worker ：为 JavaScript 添加多线程。

* [JavaScript 的 this 关键字](https://www.loginradius.com/engineering/blog/breaking-down-this-keyword-in-javascript/)：细嚼慢咽理解 JS this 关键字。

## 数据可视化

Web 数据可视化工具

* [d3](https://github.com/mbostock/d3)：一款 JavaScript 数据可视化库，使用 HTML、SVG 和 Canvas 技术展现数据。

  * [metrics-graphics](https://github.com/mozilla/metrics-graphics)：更简洁和拥有更规范的数据图表布局优化算法的库。

* [three.js](https://github.com/mrdoob/three.js)：JavaScript 3D 库。

* [Chart.js](https://github.com/nnnick/Chart.js)：简单的基于 `` 标签的 HTML5 图表库。

* [paper.js](https://github.com/paperjs/paper.js)：矢量图形脚本的瑞士军刀，利用 HTML5 Canvas 将脚本-图表转换移植到 JavaScript 和浏览器。

* [fabric.js](https://github.com/kangax/fabric.js)：JavaScript Canvas 库，实现 SVG 与 Canvas 相互解析。

* [peity](https://github.com/benpickles/peity)：进度条、线状和饼状图。

* [raphael](https://github.com/DmitryBaranovskiy/raphael)：JavaScript 矢量库。

* [Echarts](https://github.com/ecomfe/echarts)：企业级图表库。

* [vis](https://github.com/almende/vis)：动态的、基于浏览器的可视化库。

* [two.js](https://github.com/jonobr1/two.js)：一个渲染器无关的适用于 web 的二维绘图 api 库。

* [g.raphael](https://github.com/DmitryBaranovskiy/g.raphael)：为 Raphaël 设计的图表库。

* [sigma.js](https://github.com/jacomyal/sigma.js)：一个致力于图形绘画的 JavaScript 库。

* [arbor](https://github.com/samizdatco/arbor)：一个基于 web workers 和 jQuery 的图形可视化库。

* [cubism](https://github.com/square/cubism)：可视化时间序列的 D3 插件。

* [dc.js](https://github.com/dc-js/dc.js)：与 crossfilter 无缝结合的多维图表绘制库，使用 d3.js 渲染。

* [vega](https://github.com/trifacta/vega)：一套可视化语法。

* [processing.js](http://processingjs.org/)：Processing.js 实现了 Web 标准使数据可视化，而且无需任何插件。

* [envisionjs](https://github.com/HumbleSoftware/envisionjs)：动态的 HTML5 可视化。

* [rickshaw](https://github.com/shutterstock/rickshaw)：用于构建交互式实时图表的 JavaScript 工具包。

* [flot](https://github.com/flot/flot)：吸引人的、基于 jQuery 的 JavaScript 图表库。

* [morris.js](https://github.com/morrisjs/morris.js)：漂亮的时间序列图。

* [nvd3](https://github.com/novus/nvd3)：一个为 d3.js 构建可复用图表和图表组件的库。

* [svg.js](https://github.com/wout/svg.js)：一个轻量级的 SVG 操作和动画库。

* [heatmap.js](https://github.com/pa7/heatmap.js)：基于 HTML5 canvas 的热力图 JavaScript 库。

* [jquery.sparkline](https://github.com/gwatts/jquery.sparkline)：一个直接在浏览器端生成小型走势图的 jQuery 插件。

* [trianglify](https://github.com/qrohlf/trianglify)：基于 d3.js 的低聚风格背景图片生成器。

* [d3-cloud](https://github.com/jasondavies/d3-cloud)：创建词云效果的 JavaScript 库。

* [d4](https://github.com/heavysixer/d4)：一个基于 d3 、友好、可复用的 DSL 图表库 。

* [dimple.js](http://dimplejs.org/)：基于 d3 的简易商业分析图表库。

* [chartist-js](https://github.com/gionkunz/chartist-js)：简单的响应式图表。

* [epoch](https://github.com/epochjs/epoch)：一个通用的实时图表库。

* [c3](https://github.com/masayuki0812/c3)：基于 d3 的可复用图表库。

* [BabylonJS](https://github.com/BabylonJS/Babylon.js)：一个基于 HTML5 和 WebGL 的 3D 游戏的框架。

* [recharts](https://github.com/recharts/recharts)：基于 React 和 d3 ，重新定义图标库。

* [GraphicsJS](https://github.com/AnyChart/GraphicsJS)：轻量级直观接口 JavaScript 图形库，基于 SVG/VML 技术。

* [mxGraph](https://github.com/jgraph/mxgraph)：一款可快速创建交互式图表应用的图形库，支持任何主流浏览器（`已停止开发——译者注`）。

* [Frappe Charts](https://github.com/frappe/charts)：GitHub 驱动，为 web 设计的简易、现代且零依赖的 SVG 图形库。

* [Frappe Gantt](https://github.com/frappe/gantt)：一款简单、可交互、现代的 Web 甘特图库。

还有一些很棒的收费库，如 [amchart](https://www.amcharts.com/)、[plotly](https://plot.ly/) 和 [highchart](http://www.highcharts.com/)。

## 时间轴

* [TimelineJS](https://github.com/NUKnightLab/TimelineJS)：一个用 JavaScript 编写的可叙事时间轴库。

* [timesheet.js](https://github.com/semu/timesheet.js)：用于构建简单的 HTML5 & CSS3 时间表的 JavaScript 库。

## 电子表格

* [HANDSONTABLE](https://github.com/handsontable/handsontable)：Handsontable 是一款面向开发者的 JavaScript/HTML

5 电子表格库。

* [Frappe Datatable](https://github.com/frappe/datatable)：Frappe DataTable 是一款适用于展示 Tabular 数据的简单、现代、可交互的数据表格库。

* [Luckysheet](https://github.com/mengshukeji/Luckysheet)：Luckysheet 是一款类似 Excel 的在线电子表格，配置简单且强大，完全开源。

## 编辑器

* [ace](https://github.com/ajaxorg/ace)：Ace ，即 Ajax.org Cloud9 Editor。

* [CodeMirror](https://github.com/codemirror/CodeMirror)：一个浏览器端的代码编辑器，用 JS 实现。

* [esprima](https://github.com/ariya/esprima)：用于多用途分析的 ECMAScript 解析器。

* [quill](https://github.com/quilljs/quill)：一个带有 API 的跨浏览器富文本编辑器。

* [medium-editor](https://github.com/yabwe/medium-editor)：Medium.com 使用的所见即所得编辑器的克隆版。

* [pen](https://github.com/sofish/pen)：享受在线编辑（支持 markdown）。

* [jquery-notebook](https://github.com/raphaelcruzeiro/jquery-notebook)：一个易用的、简洁优雅的文本编辑器。灵感来源于 Medium。

* [bootstrap-wysiwyg](https://github.com/mindmup/bootstrap-wysiwyg)：小巧的、兼容 bootstrap 的所见即所得的富文本编辑器。

* [ckeditor-releases](https://github.com/ckeditor/ckeditor-releases)：适用于每个人的 web 文本编辑器。

* [editor](https://github.com/lepture/editor)：一个 markdown 编辑器，但仍在开发中。

* [EpicEditor](https://github.com/OscarGodson/EpicEditor)：一个可嵌入的 JavaScript Markdown 的编辑器，拥有分屏编辑、即时预览、自动保存草稿和离线支持等功能。

* [jsoneditor](https://github.com/josdejong/jsoneditor)：查看、编辑和格式化 JSON 的 web 工具。

* [vim.js](https://github.com/coolwanglu/vim.js)：拥有持久化 ~/.vimrc 特性，支持 Vim 的 JavaScript 接口。

* [Squire](https://github.com/neilj/Squire)：一个 HTML5 富文本编辑器。

* [TinyMCE](https://github.com/tinymce/tinymce)：一个 JavaScript 富文本编辑器。

* [trix](https://github.com/basecamp/trix)：由 Basecamp 制作，适用于每天写作的富文本编辑器。

* [Trumbowyg](https://github.com/Alex-D/Trumbowyg)：一款轻量且惊人的所见即所得 JavaScript 编辑器

* [Draft.js](https://github.com/facebook/draft-js)：用于构建文本编辑器的 React 框架。

* [bootstrap-wysihtml5](https://github.com/jhollingworth/bootstrap-wysihtml5)：一款简单漂亮的所见即所得编辑器。

* [wysihtml5](https://github.com/xing/wysihtml5)：基于 HTML5 ，渐进增强的开源富文本编辑器，利用非常严苛的规则旨在生成符合 HTML5 规范的标签，避免生成非规范标签和同行样式。

* [raptor-editor](https://github.com/PANmedia/raptor-editor)：Raptor，一款 HTML5 所见即所得内容编辑器！

* [popline](https://github.com/kenshin54/popline)：Popline 是一款 HTML5 富文本工具栏。

* [Summernote](https://github.com/summernote/summernote)：一个极简的所见即所得编辑器。

## 文档

* [DevDocs](http://devdocs.io/)：一款多合一接口文档阅读器，界面统一、高效、排版精良。

* [dexy](http://www.dexy.it/)：一款格式自由且文艺的文档工具，可用于编写任何包含代码的技术文档。

* [docco](http://jashkenas.github.io/docco/)：一款快且脏、百来行、文艺范的文档生成器，用 Literate CoffeeScript 实现。

* [styledocco](http://jacobrask.github.io/styledocco/)：根据样式表生成风格规范文档。

* [Ronn](https://github.com/rtomayko/ronn)：构建手册。把对人类阅读友好的简单文本文件转换成 roff 格式文件，便于终端显示，也可以转换为 HTML ，便于 Web 端显示。

* [dox](https://github.com/tj/dox)：一款 Node.js 开发的 JavaScript 文档生成器。Dox 不会生成结构样式严苛的文档，而是采用 JSON 表示法，以实现 markdown 和 JSDoc 风格标签。

* [jsdox](https://github.com/sutoiku/jsdox)：一款将 JSDoc3 转换成 markdown 的文档生成器。

* [ESDoc](https://github.com/esdoc/esdoc)：一款为 JavaScript 设计的优秀文档生成器。

* [YUIDoc](http://yui.github.io/yuidoc/)：一款提取源码注释生成接口文档的 Node.js 应用，功能类似 Javadoc and Doxygen 。

* [coddoc](http://doug-martin.github.io/coddoc/)：一款 jsdoc 解析库。Coddoc 与其他工具相比)的不同之处在于，它很容易扩展，通过 coddoc.addTagHandler 和 coddoc.addCodeHandler 来添加标签和代码解析器。 Coddoc 还可以解析源码生成接口文档。

* [sphinx](http://www.sphinx-doc.org/)：一款让创建智能且漂亮文档更加简单的工具。

* [Using JSDoc](http://usejsdoc.org/)

* [Beautiful docs](http://beautifuldocs.com/)：一款 markdown 格式文档阅读器。

* [documentation.js](http://documentation.js.org)：支持 ES2015+ 和流注释的接口文档生成器。

* [jsduck](https://github.com/senchalabs/jsduck)：为 Sencha JavaScript 框架开发的接口文档生成器，当然其他框架也能用。

* [codecrumbs](https://github.com/Bogdan-Lyashenko/codecrumbs)：一款用于学习和记录代码库的可视化工具，通过在源码中插入面包屑来实现功能。

## 文件

*处理文件的库。*

* [Papa Parse](https://github.com/mholt/PapaParse)：一款强大的 CSV 库，支持解析 CSV 文件/字符串，也能导出 CSV。

* [jBinary](https://github.com/jDataView/jBinary)：对用声明式语法描述文件类型和数据结构的二进制文件，进行高级 I/O（加载、解析、操作、序列化、存储）操作。

* [diff2html](https://github.com/rtfpessoa/diff2html)：git 差异输出解析器，也是 HTML 美化器。

* [jsPDF](https://github.com/MrRio/jsPDF)：一款 JavaScript PDF 文件生成器。

* [PDF.js](https://github.com/mozilla/pdf.js)：一个 JavaScript PDF 阅读器，社区驱动，Mozilla 支持。

## 函数式编程

*函数式编程库提升了 JavaScript 的能力。*

* [underscore](https://github.com/jashkenas/underscore)：JavaScript 的实用工具。

* [lodash](https://github.com/lodash/lodash)：提供一致性、可定制、高性能和额外功能的实用库。

* [Sugar](https://github.com/andrewplummer/Sugar)：一个扩展了原生对象功能的 JavaScript 库。

* [lazy.js](https://github.com/dtao/lazy.js)：类似 `Underscore`，但性能更优越

* [ramda](https://github.com/CrossEye/ramda)：一个针对 JavaScript 程序员的实用函数库。

* [mout](https://github.com/mout/mout)：模块化的 JavaScript 工具库。

* [mesh](https://github.com/crcn/mesh.js)：流数据同步工具。

* [preludejs](https://github.com/alanrsoares/prelude-js)：JavaScript 硬核函数式编程。

* [rambda](https://github.com/selfrefactor/rambda)：*Ramda* 快速小巧的替代品。

## 响应式编程

*响应式程序库提升了 JavaScript 的能力。*

* [RxJs](https://github.com/Reactive-Extensions/RxJS)：对 JavaScript 进行响应式扩展。

* [Bacon](https://github.com/baconjs/bacon.js)：JavaScript 的 FPR（函数式响应式编程）库。

* [Kefir](https://github.com/pozadi/kefir)：受 Bacon.js 和 RxJS 启发的 FRP 库，专注于高性能和低内存消耗。

* [Highland](http://highlandjs.org/)：对 JavaScript 实用工具的重新思考，Highland 能轻易地管理同步和异步信息，而且仅使用标准 JavaScript 和类 Node 流。

* [Most.js](https://github.com/cujojs/most)：高性能 FRP 库。

* [MobX](https://github.com/mobxjs/mobx)：一款简单可扩展的状态管理 TFRP （`Transparently Functional Reactive Programming ，透明函数式响应式编程——译者注`）库。

* [Cycle.js](https://cycle.js.org)：一款用于可预测代码的函数式和响应式 JavaScript 框架。

* [concent](https://github.com/concentjs/concent)：绝对是 ❤️ 最简单却 ⚡️ 最强大的 react 状态管理开发框架，可预测、渐进式、高性能。

## 数据结构

*数据结构库用于构建一个更复杂的应用。*

* [immutable-js](https://github.com/facebook/immutable-js)：不可变的数据集合，包括 Sequence、Range、Repeat、Map、OrderedMap、Set 和 sparse Vector。

* [mori](https://github.com/swannodette/mori)：使用 ClojureScript 持久化数据结构和支持原生 JavaScript API 的库。

* [buckets](https://github.com/mauriciosantos/Buckets-JS)：完整的、经过充分测试和文档完备的数据结构的 JavaScript 库。

* [hashmap](https://github.com/flesler/hashmap)：简单的哈希映射实现，支持任何类型的键值。

## 日期

*日期库。*

* [moment](https://github.com/moment/moment)：解析、验证、操作和显示日期。

* [moment-timezone](https://github.com/moment/moment-timezone)：基于 moment.js 的时区库。

* [jquery-timeago](https://github.com/rmm5t/jquery-timeago)：一款支持自动更新模糊时间戳的 jQuery 插件（如："4 分钟之前"）。

* [timezone-js](https://github.com/mde/timezone-js)：让 JavaScript Date 对象拥有时区功能。使用 Olson zoneinfo 文件记录时区数据。

* [date](https://github.com/MatthewMueller/date)：对人类友好的 Date()。

* [ms.js](https://github.com/rauchg/ms.js)：小巧的毫秒转换工具。

* [countdown.js](https://github.com/gumroad/countdown.js)：超小倒计时。

* [timeago.js](http://timeago.org)：一个非常轻量级（~1.7 Kb）的用于将时间转化成 `xxx时间前` 格式的库。

* [fecha](https://github.com/taylorhakes/fecha)：轻量级日期格式化和解析库（约 2kb）。可以用来替换 moment.js 格式化和解析日期功能（moment.js 体积比较大——译者注）。

* [date-fns](https://github.com/date-fns/date-fns)：现代 JavaScript 日期功能库。

* [map-countdown](https://github.com/dawidjaniga/map-countdown)：构建在 Google 地图上的浏览器倒计时。

* [dayjs](https://github.com/iamkun/dayjs)：Day.js 是一款拥有和 Moment.js 一样的现代化接口的日期库，但它仅仅有 2kb 大小，可以用来替换 Moment.js。

## 字符串

*字符串库。*

* [voca](https://github.com/panzerdp/voca)：一款超级好用的 JavaScript 字符串库。

* [selecting](https://github.com/EvandroLG/selecting)：一个允许你获取用户选定文本的库。

* [underscore.string](https://github.com/epeli/underscore.string)：Underscore.js 的字符串操作扩展。

* [string.js](https://github.com/jprichardson/string.js)：额外的 JavaScript 字符串方法。

* [he](https://github.com/mathiasbynens/he)：健壮的 HTML 实体编码/解码器。

* [multiline](https://github.com/sindresorhus/multiline)：多行字符串。

* [query-string](https://github.com/sindresorhus/query-string)：解析和字符串化 URL 查询字符串。

* [URI.js](https://github.com/medialize/URI.js/)：URL 操作库。

* [jsurl](https://github.com/Mikhus/jsurl)：轻量的 URL 操作库。

* [sprintf.js](https://github.com/alexei/sprintf.js)：实现字符串格式化。

* [url-pattern](https://github.com/snd/url-pattern)：比正则表达式匹配 url 或其它字符串更简单，字符串和数据可相互转化。

* [plexis](https://github.com/plexis-js/plexis)：低保真、强大、社区驱动的字符串操作库。

## 数字

* [Numeral-js](https://github.com/adamwdraper/Numeral-js)：对数字进行格式化和操作的库。

* [chance.js](https://github.com/chancejs/chancejs)：JavaScript 随机生成器，可以生成数字、字符串等。

* [odometer](https://github.com/HubSpot/odometer)：流畅的数字过渡效果。

* [accounting.js](https://github.com/josscrowcroft/accounting.js)：对数字、金钱、货币进行格式化的轻量库，完全本地化和无依赖。

* [money.js](https://github.com/josscrowcroft/money.js)：一个小巧（1kb）的货币转换库，适用于 web 和 nodeJS。

* [Fraction.js](https://github.com/infusion/Fraction.js)：一个有理数库。

* [Complex.js](https://github.com/infusion/Complex.js)：一个复数库。

* [Polynomial.js](https://github.com/infusion/Polynomial.js)：一个多项式库。

* [Quaternion.js](https://github.com/infusion/Quaternion.js)：一款适用于 JavaScript 的四元数操作库。

## 存储

* [store.js](https://github.com/marcuswestin/store.js)：为所有浏览器封装了 LocalStorage，而没有使用 cookies 和 flash。隐秘地使用 localStorage、globalStorage 和用户数据。

* [localForage](https://github.com/mozilla/localForage)：改善后的离线存储。其封装了 IndexedDB、WebSQL 和 localStorage，拥有操作简单和强大的 API。

* [jStorage](https://github.com/andris9/jStorage)：jStorage 是一个简单的键值对数据库，用于在浏览器端存储数据。

* [cross-storage](https://github.com/zendesk/cross-storage)：获得权限后，能跨域名本地存储。

* [basket.js](https://github.com/addyosmani/basket.js)：用 localStorage 加载和缓存脚本的资源加载器。

* [bag.js](https://github.com/nodeca/bag.js)：可以缓存脚本和加载资源，与 basket.js 相似，但增加了键值对接口和对 localStorage / websql / indexedDB 的支持。

* [basil.js](https://github.com/Wisembly/basil.js)：智能的 JavaScript 数据持久层库。

* [jquery-cookie](https://github.com/carhartl/jquery-cookie)：轻量简单的、用于读取、编辑和删除 cookie 的 jQuery 插件。

* [js-cookie](https://github.com/js-cookie/js-cookie)：一款简单、轻量的 cookies 读写删 jQuery 插件。

* [Cookies](https://github.com/ScottHamper/Cookies)：一个客户端 Cookie 操作库。

* [DB.js](https://github.com/aaronpowell/db.js/)：基于 Promise 的、封装了 IndexedDB 的库。

* [lawnchair.js](https://github.com/brianleroux/lawnchair/)：简单的客户端 JSON 存储。

* [sql.js](https://github.com/kripken/sql.js)：基于 Emscripten 将 SQLite 编译成 JavaScript。

* [crumbsjs](https://github.com/nirtz89/crumbsjs)：一款轻量级原生 ES6 cookies 和本地存储 JavaScript 库。

* [awesome-web-storage](https://github.com/softvar/awesome-web-storage)：你必须知道的所有客户端存储知识。

## 颜色

* [randomColor](https://github.com/davidmerfield/randomColor)：JavaScript 颜色生成器。

* [chroma.js](https://github.com/gka/chroma.js)：拥有各种各样颜色操作的 JavaScript 库。

* [color](https://github.com/MoOx/color)：JavaScript 颜色转换和操作库。

* [colors](https://github.com/mrmrs/colors)：更智能的默认 web 颜色。

* [PleaseJS](https://github.com/Fooidge/PleaseJS)：随机创建出赏心悦目的颜色和配色方案的 JavaScript 库。

* [TinyColor](https://github.com/bgrins/TinyColor)：快速、轻巧的颜色操作和转换库。

* [Vibrant.js](https://github.com/jariz/vibrant.js/)：从图像提取主要颜色。

## 国际化和本地化

*本地化（l10n）和国际化（i18n） JavaScript 库*

* [i18next](https://github.com/i18next/i18next)：用 JavaScript 实现国际化（i18n）简单的方法。

* [polyglot](https://github.com/airbnb/polyglot.js)：小巧的国际化助手库。

* [babelfish](https://github.com/nodeca/babelfish/)：提供友好易懂 API 的 i18n 库，并且内置多种支持。

* [ttag](https://github.com/ttag-org/ttag)：基于 ES6 标签模板和优秀的旧 GNU gettext ，新潮的 JavaScript 国际化、本地化库。

## 控制流

* [async](https://github.com/caolan/async)：适用于 node.js 和浏览器的异步工具库。

* [q](https://github.com/kriskowal/q)：实现异步 promise 的 JavaScript 工具。

* [step](https://github.com/creationix/step/)：一款可以使逻辑执行更简单的异步控制流库。

* [contra](https://github.com/bevacqua/contra/)：函数式风格实现的异步流控制。

* [Bluebird](https://github.com/petkaantonov/bluebird/)：功能齐全的 promoise 库，专注于功能革新和性能提升。

* [when](https://github.com/cujojs/when)：快速可靠的、Promises/A+ 规范的 when() 实现，而且拥有其它异步操作的优秀特性。

* [ObjectEventTarget](https://github.com/gartz/ObjectEventTarget)：为普通对象添加事件监听原型（就如浏览器 DOMElement 的 EventTarget 一样）。

* [sporadic](https://github.com/marcoonroad/sporadic)：位于 promise 顶部的组合并发抽象（就像流、协程和类似 Go channels 一样），支持 Node.js 和浏览器引擎。

## 路由

* [director](https://github.com/flatiron/director)：一个小巧的、与 URL 同构的路由。

* [page.js](https://github.com/visionmedia/page.js)：受 Express router 启发的小型客户端路由器（约为1200字节）。

* [pathjs](https://github.com/mtrpcic/pathjs)：简单、轻量的 web 路由。

* [crossroads](https://github.com/millermedeiros/crossroads.js)：JavaScript 路由。

* [davis.js](https://github.com/olivernn/davis.js)：基于 pushState 可降级 RESTful 风格的 JavaScript 路由。

* [navaid](https://github.com/lukeed/navaid)：一款浏览器端的导航辅助系统（也可以成为路由），体积才 850 字节！

## 安全性

* [DOMPurify](https://github.com/cure53/DOMPurify)：针对 HTML、MathML 和 SVG 的仅支持 DOM 的超快速、高容错的 XSS 过滤器。

* [js-xss](https://github.com/leizongmin/js-xss)：通过白名单配置，即可过滤不信任的 HTML（防止 XSS 攻击）。

* [xss-filters](https://github.com/yahoo/xss-filters)：Yahoo 出品的安全 XSS 过滤器。

## 日志

* [log](https://github.com/adamschwartz/log)：带样式的 Console.log。

* [Conzole](https://github.com/Oaxoa/Conzole)：对 JavaScript 原生 console 对象方法和功能进行封装的 debug 面板，并将面板显示在页面内。

* [console.log-wrapper](https://github.com/patik/console.log-wrapper)：将日志清晰地记录到 console，兼容所有浏览器。

* [loglevel](https://github.com/pimterry/loglevel)：最轻量的 JavaScript 日志记录工具库，向封装后的 console.log 方法增加可靠的日志等级。

* [minilog](http://mixu.net/minilog/)：轻量的、流式 API 显示的、可用于客户端和服务器端的日志记录库。

* [storyboard](http://guigrpa.github.io/storyboard/)：通用日志库 + Chrome 扩展。提供一个单一入口查看包含客户端和服务端的任务触发日志。

## 正则表达式

* [RegEx101](https://regex101.com/#javascript)：在线的 JavaScript 正则表达式测试器和调试器。同时也支持 Python、PHP 和 PCRE。

* [RegExr](http://regexr.com/)：用于创建、测试和学习正则表达式的 HTML/JS 工具。

## 语音命令

* [annyang](https://github.com/TalAter/annyang)：向网站添加语音命令的语音识别库。

* [voix.js](https://github.com/pazguille/voix)：向网站、app 或游戏添加语音命令的 JavaScript 库。

## API

* [axios](https://github.com/axios/axios)：基于 Promise 的 HTTP 客户端，适用于 Node.js 和 浏览器。

* [bottleneck](https://github.com/SGrondin/bottleneck)：强大的速度限制器，使调节流量变得更容易。

* [oauth-signature-js](https://github.com/bettiolo/oauth-signature-js)：适用于 node 和 浏览器的 OAuth 1.0a 签名生成器。

* [amygdala](https://github.com/lincolnloop/amygdala)：为 Web 应用提供 RESTful HTTP 客户端解决方案。

* [jquery.rest](https://github.com/jpillora/jquery.rest)：一个让 RESTful API 更易用的 jQuery 插件。

* [Rails Ranger](https://github.com/victor-am/rails-ranger)：为 Ruby Tails 接口设计的严格的 REST 客户端。

* [wretch](https://github.com/elbywan/wretch)：一款小巧的直觉语法系 fetch 功能封装包。

* [Bearer.sh](https://github.com/Bearer/bearer-js)：支持 OAuth / API Key / Basic 等协议的全能型 API 客户端。`（已停止维护——译者注）`

* [FarFetch](https://github.com/WebsiteBeaver/far-fetch)：简单易用的现代 Fetch 接口封装，简化了文件上传。

* [Optic](https://github.com/opticdev/optic)：Optic 用于对 API 自动测试和文档生成。

* [SWR](https://github.com/vercel/swr)：用于远端数据拉取的 React Hooks 库。

## 流媒体

* [Tailor](https://github.com/zalando/tailor)：适用于前端微服务的流媒体布局服务，灵感来自 Facebook BigPipe。

## 视觉检测

* [tracking.js](https://github.com/eduardolundgren/tracking.js)：在 web 上实现计算视觉的一种现代方法。

* [ocrad.js](https://github.com/antimatter15/ocrad.js)：基于 Emscripten 的 JavaScript OCR 实现。

## 机器学习

* [ConvNetJS](https://github.com/karpathy/convnetjs)：JavaScript 深度学习。在浏览器环境训练卷积神经网络（或者普通神经网络）。

* [DN2A](https://github.com/dn2a/dn2a-javascript)：数字神经网络架构。

* [Brain.js](https://github.com/harthur/brain)：JavaScript 神经网络。

* [Mind.js](https://github.com/stevenmiller888/mind)：一款灵活的神经网络库。

* [Synaptic.js](https://github.com/cazala/synaptic)：适用于 Node.js 和浏览器的无架构神经网络库。

* [TensorFlow.js](https://js.tensorflow.org)：一款用于在 浏览器和 Node.js 中训练和部署 ML 模型的 JavaScript 库。

* [ml5.js](https://ml5js.org)：友好的 Web 端机器学习库。

* [Synapses](https://github.com/mrdimosthenis/Synapses)：轻量级跨平台神经网络库。

## 浏览器检测

* [bowser](https://github.com/ded/bowser)：一个浏览器检测器，特点是小巧快速且 API 丰富。

## 基准测试

* [benchmark.js](https://github.com/bestiejs/benchmark.js)：jsPerf.com 使用的基准测试库。

* [matcha](https://github.com/logicalparadox/matcha)：一款咖啡因驱动的基准测试简单实现。

## UI

## 代码高亮

* [Highlight.js](https://github.com/isagalaev/highlight.js)：JavaScript 语法高亮器。

* [PrismJS](https://github.com/PrismJS/prism)：轻量、健壮和优雅的语法高亮器。

## 加载状态

指示加载状态的库。

* [Mprogress.js](https://github.com/lightningtgc/MProgress.js)：谷歌 Material 风格的线性进度条。

* [NProgress](http://ricostacruz.com/nprogress/)：在 Ajax'y 应用显示细长型进度条。

* [Spin.js](https://github.com/fgnass/spin.js)：一个旋转进度指示器。

* [progress.js](https://github.com/usablica/progress.js)：为页面中的任何对象创建和管理进度条。

* [progressbar.js](https://github.com/kimmobrunfeldt/progressbar.js)：基于 SVG path 动画，漂亮、响应式的进度条。

* [pace](https://github.com/HubSpot/pace)：自动向你的网站添加一个进度条。

* [topbar](https://github.com/buunguyen/topbar)：小巧漂亮的、与网站同宽的进度指示器。

* [nanobar](https://github.com/jacoborus/nanobar)：非常轻量的进度条，不依赖 jQuery。

* [PageLoadingEffects](https://github.com/codrops/PageLoadingEffects)：使用 SVG 动画展现新内容的现代方式。

* [SpinKit](https://github.com/tobiasahlin/SpinKit)：CSS 加载指示器动画集合。

* [Ladda](https://github.com/hakimel/Ladda)：内置在按钮的加载指示器。

* [css-loaders](https://github.com/lukehaas/css-loaders)：CSS 旋转加载指示器动画集合。

除了上述这些库，还有 [Codepen](http://codepen.io/collection/HtAne/) 珍藏，另外还有 [Ajaxload](http://www.ajaxload.info/)，[Preloaders](http://preloaders.net/) 和 [CSSLoad](http://cssload.net/) 这些生成器。

## 验证

* [Parsley.js](https://github.com/guillaumepotier/Parsley.js)：一行 JavaScript 代码都不用写就可以在前端验证表单。

* [jquery-validation](https://github.com/jzaefferer/jquery-validation)：jQuery 验证插件。

* [validator.js](https://github.com/chriso/validator.js)：字符串验证和过滤（清理用户输入中的有害或危险字符）。

* [validate.js](https://github.com/rickharrison/validate.js)：受 CodeIgniter 启发的轻量表单验证 JavaScript 库。

* [validatr](https://github.com/jaymorrow/validatr/)：跨浏览器的 HTML5 表单验证库。

* [FormValidation](http://formvalidation.io/)：jQuery 最好的表单验证插件。曾用名 BootstrapValidator.

* [is.js](https://github.com/arasatasaygin/is.js)：用于类型、正则表达式、是否存在、时间等检查。

* [FieldVal](https://github.com/FieldVal/fieldval-js)：多用途验证库。同时支持同步和异步验证。

* [Funval](https://github.com/neuledge/funval)：函数接口式数据验证（支持 TypeScript）。

## 键盘封装器

* [mousetrap](https://github.com/ccampbell/mousetrap)：处理键盘快捷键的简单 JavaScript 库。

* [keymaster](https://github.com/madrobby/keymaster)：定义和调度键盘快捷键的小型库。

* [Keypress](https://github.com/dmauro/Keypress)：键入捕捉工具库，任何键都可以成为一个修饰健。

* [KeyboardJS](https://github.com/RobertWHurst/KeyboardJS)：一个用于绑定组合键的 JavaScript 库，让你无痛解决快捷键和组合键冲突。

* [jquery.hotkeys](https://github.com/jeresig/jquery.hotkeys)：jQuery Hotkeys 能让你在代码任何的地方监听键盘事件，并几乎支持所有按键组合。

* [jwerty](https://github.com/keithamus/jwerty)：令人惊叹的键盘事件处理库。

## 导览与指南

* [intro.js](https://github.com/usablica/intro.js)：一款用于网站项目新特性介绍和逐步导览库。

* [shepherd](https://github.com/HubSpot/shepherd)：通过引导让用户浏览你的应用程序。

* [bootstrap-tour](https://github.com/sorich87/bootstrap-tour)：应用 Twitter Bootstrap 气泡对产品进行快速简单的引导。

* [tourist](https://github.com/easelinc/tourist)：简单、灵活的应用引导库。

* [chardin.js](https://github.com/heelhook/chardin.js)：简单的应用遮罩层引号库。

* [pageguide](https://github.com/tracelytics/pageguide)：使用 jQuery 和 CSS3 的 web 页面元素交互引导库。

* [hopscotch](https://github.com/linkedin/hopscotch)：让开发者更容易向其产品页面添加引导的框架。

* [joyride](https://github.com/zurb/joyride)：基于 jQuery 的功能引导介绍插件。

* [focusable](https://github.com/zzarcon/focusable)：通过向页面其余部分添加遮罩层，使焦点聚集在特定 DOM 元素。

* [driver.js](https://github.com/kamranahmedse/driver.js)：用于聚焦用户注意力的强大却轻量的原生 JavaScript 引擎。

## 通知

* [iziToast](https://github.com/dolce/iziToast)：优雅、响应式、灵活且轻量的零依赖通知插件。

* [messenger](https://github.com/HubSpot/messenger)：为应用添加 Growl-style 弹框和信息（Crowl 是 Mac OS X 下的一个通知系统）。

* [noty](https://github.com/needim/noty)：jQuery 通知插件。

* [pnotify](https://github.com/sciactive/pnotify)：适用于 Bootstrap、jQuery UI 和 Web Notifications Draft 的 JavaScript 通知库。

* [toastr](https://github.com/CodeSeven/toastr)：简单的 JavaScript 吐司通知库。

* [humane-js](https://github.com/wavded/humane-js)：一个简单、时髦的浏览器通知系统。

* [smoke.js](https://github.com/hxgf/smoke.js)：与框架无关的 JavaScript 弹框系统。

* [notie](https://github.com/jaredreich/notie)：简单的零依赖通知器和输入框。

## 幻灯片

* [Swiper](https://github.com/nolimits4web/Swiper)：使用硬件加速动画的移动设备触控幻灯片框架。

* [slick](https://github.com/kenwheeler/slick)：（可能是）你最爱的跑马灯轮播库。

* [slidesJs](http://www.slidesjs.com/)：响应式的 jQuery（1.7.1+）幻灯片插件，具有触摸、 CSS3 过渡等特性。`（已停止维护——译者注）`

* [FlexSlider](https://github.com/woothemes/FlexSlider)：一款令人惊叹的、全响应式的 jQuery 幻灯片插件。

* [unslider](https://github.com/idiot/unslider)：最简单的幻灯片 jQuery 插件。

* [sly](https://github.com/darsain/sly)：用于单向滚动的 JavaScript 库，支持基于项目的导航。`（注：最后更新时间是 7 年前）`

* [vegas](https://github.com/jaysalvat/vegas)：向页面添加漂亮的全屏背景的 jQuery 插件，同时也支持幻灯片播放。

* [Sequence](https://github.com/IanLunn/Sequence)：用于创建响应式的幻灯片、演示、标语和其他分步导览应用的 CSS 动画框架。

* [reveal.js](https://github.com/hakimel/reveal.js)：用 HTML 创建漂亮演示文档控件的框架。

* [impress.js](https://github.com/impress/impress.js)：一款适用于现代浏览器，基于 CSS3 transforms 和 transitions 动画的演示文档框架。灵感来自 prezi.com 。

* [bespoke.js](https://github.com/bespokejs/bespoke)：一个超级小的(1KB min和gzip压缩)，模块化的现代浏览器表示库，旨在促进一个丰富的插件生态系统。

* [Strut](https://github.com/tantaman/Strut)：Strut 是 Impress.js 和 Bespoke.js 演示文档编辑器。

* [PhotoSwipe](https://github.com/dimsemenov/PhotoSwipe)：适用于移动设备和桌面电脑的、模块化和独立框架的 JavaScript 画廊控件。

* [jcSlider](https://github.com/JoanClaret/jcSlider)：基于 CSS 动画实现的响应式幻灯片 jQuery 插件。

* [basic-jquery-slider](https://github.com/jcobb/basic-jquery-slider)：易于使用、指定主题和定制化。

* [jQuery.adaptive-slider](https://github.com/creative-punch/jQuery.adaptive-slider/)：带有自适应颜色标题和导航的幻灯片 jQuery 插件。

* [slidr](https://github.com/bchanx/slidr)：一个简单、轻量级的 JS 库，用于向页面添加幻灯片转换。无依赖关系。

* [Flickity](https://github.com/metafizzy/flickity)：可触摸的、响应式的和可轻弹的画廊。

* [Glide.js](https://github.com/jedrzejchalubek/glidejs)：响应式触摸友好型 jQuery 幻灯片。特点是小快灵。

* [Embla Carousel](https://github.com/davidcetinkaya/embla-carousel)：TypeScript 编写的一款可扩展的低级轮播库。

## 滑块控件

* [Ion.RangeSlider](https://github.com/IonDen/ion.rangeSlider)：强大的、易于自定义的范围滑块选择库，支持丰富的配置和皮肤。

* [jQRangeSlider](https://github.com/ghusse/jQRangeSlider)：支持日期的滑块选择库。

* [noUiSlider](https://github.com/leongersen/noUiSlider)：轻量无冗余的、高度定制化的滑块选择库。

* [rangeslider.js](https://github.com/andreruffert/rangeslider.js)：HTML5 输入框滑块补丁。

## 表单组件

### 输入

* [typeahead.js](https://github.com/twitter/typeahead.js)：快速、功能齐全的自动补全库。

* [tag-it](https://github.com/aehlke/tag-it)：处理多标签字段以及标签建议/自动补全的 jQuery UI 插件。

* [At.js](https://github.com/ichord/At.js)：在应用中添加类似 Github 的自动补全提示功能。

* [Placeholders.js](https://github.com/jamesallardice/Placeholders.js)：HTML5 placeholder 属性 JavaScript 补丁。

* [fancyInput](https://github.com/yairEO/fancyInput)：添加 CSS3 效果，让输入更有趣。

* [jQuery-Tags-Input](https://github.com/xoxco/jQuery-Tags-Input)：利用这个 jQuery 插件，可奇妙地将一个简单的文本输入转换成一个酷酷的标签列表。

* [vanilla-masker](https://github.com/BankFacil/vanilla-masker)：一个纯 JavaScript 实现的输入控制库。

* [Ion.CheckRadio](https://github.com/IonDen/ion.checkRadio)：一个为复选框和单选按钮添加样式的 jQuery 库，支持多种皮肤。

* [awesomplete](https://github.com/LeaVerou/awesomplete)：零依赖、超轻量、好用而且漂亮的自动补全库。 - [http://leaverou.github.io/awesomplete](http://leaverou.github.io/awesomplete)

### 日历

* [pickadate.js](https://github.com/amsul/pickadate.js)：对移动设备友好的、响应式的和轻量的 jQuery 日期 & 时间输入选择器。

* [bootstrap-datepicker](https://github.com/eternicode/bootstrap-datepicker)：基于 bootstrap 的日历选择器。

* [Pikaday](https://github.com/dbushell/Pikaday)：一个崭新的 JavaScript 日期选择器 —— 轻量、无依赖和模块化的 CSS。

* [fullcalendar](https://github.com/fullcalendar/fullcalendar)：全尺寸、支持拖放事件的 jQuery 日历插件。

* [rome](https://github.com/bevacqua/rome)：可定制的日期（和时间）选择器。无依赖，可选 UI。

* [datedropper](https://github.com/felicegattuso/datedropper)：datedropper 是一个 jQuery 插件，它提供了快速简易的方式去管理日期输入框。

### 选择器

* [selectize.js](https://github.com/brianreavis/selectize.js)：Selectize 是文本框和 `` 的混合体。基于jQuery，兼具自动补全和原生键盘导航，可用于标签、联系人列表等。

* [select2](https://github.com/select2/select2)：基于 jQuery，是选择框的替代品。支持搜索、远程数据集和无限滚动。

* [chosen](https://github.com/harvesthq/chosen)：可以让冗长不便的选择框更友好的库。

### 文件上传

* [jQuery-File-Upload](https://github.com/blueimp/jQuery-File-Upload)：File Upload 是一个支持多文件选择、文件拖放、进度条、验证和图片/音频/视频预览的 jQuery 插件。

* [dropzone](https://github.com/enyo/dropzone)：Dropzone 是一个易于使用且支持多文件拖放的库。其支持图片预览并且拥有很漂亮的进度条。

* [flow.js](https://github.com/flowjs/flow.js)：一个通过 HTML5 的 File API ，提供并发、稳定、容错、可断点重连的文件上传库。

* [fine-uploader](https://github.com/FineUploader/fine-uploader)：一个带有进度条、拖放功能和支持直接上传到 S3 （Amazon Simple Storage Service，亚马逊简易存储服务）的多文件上传插件。

* [FileAPI](https://github.com/mailru/FileAPI)：JavaScript 文件工具集合。支持多文件上传、拖放和文件分块上传。对于图像，支持裁剪、调整大小和根据 EXIF 自动调整方向。

* [plupload](https://github.com/moxiecode/plupload)：处理文件上传的 JavaScript API，支持多文件选择、文件类型过滤、分块请求、客户端图片缩放，根据不同的运行环境自动选择 HTML5、Silverlight 或 Flash。

* [filepond](https://github.com/pqina/filepond)：一款可以上传任何文件的 JavaScript 库，自动优化图片以实现更快的上传体验，提供无障碍、如丝般顺滑的用户体验。

### 其它

* [form](https://github.com/malsup/form)：jQuery 表单插件。

* [Garlic.js](https://github.com/guillaumepotier/Garlic.js)：自动在本地保存表单文本和选择框的值，直到表单被提交。

* [Countable](https://github.com/RadLikeWhoa/Countable)：对某个 HTML 元素包含文本的段落数、单词数和字符数进行统计的 JavaScript 函数。

* [card](https://github.com/jessepollak/card)：只需一行代码，就能让信用卡表单变得更友好。

* [stretchy](https://github.com/LeaVerou/stretchy)：自适应大小的 form 元素，表单本应该是这样的。

* [analytics](https://github.com/davidwells/analytics)：与任何第三方分析工具兼容的轻量级可扩展分析库，用于页面跟踪、用户事件跟踪和用户识别。

## 提示

* [tipsy](https://github.com/jaz303/tipsy)：Facebook 风格适用于 jQuery 的提示工具。

* [opentip](https://github.com/enyo/opentip)：开源且基于 prototype 框架的 JavaScript 工具提示库。

* [qTip2](https://github.com/qTip2/qTip2)：非常强大的工具提示库。

* [tooltipster](https://github.com/iamceege/tooltipster)：一个工具提示 jQuery 插件。

* [simptip](https://github.com/arashmanteghi/simptip)：用 Sass 制作的、简单的工具提示。

* [jquery-popup-overlay](https://github.com/vast-engineering/jquery-popup-overlay)：是一个响应式的和可访问性强的模态框窗口和工具提示框 jQuery 插件。

* [toolbar](https://github.com/paulkinzett/toolbar)：一款提示风格工具栏 jQuery 插件。

* [hint.css](https://github.com/chinchang/hint.css)：一款 CSS 提示库。

## 模态框和弹出框

* [Magnific-Popup](https://github.com/dimsemenov/Magnific-Popup)：专注于性能、轻量、响应式的灯箱（lightbox）脚本。

* [jquery-popbox](https://github.com/gristmill/jquery-popbox)：jQuery 提示框插件。

* [jquery.avgrund.js](https://github.com/voronianski/jquery.avgrund.js)：一种新的定于弹出的模态框 jQuery 插件。

* [vex](https://github.com/HubSpot/vex)：新的、拥有高度可配置和易于改变样式功能的对话框库。

* [bootstrap-modal](https://github.com/jschr/bootstrap-modal)：对 Bootstrap 默认模态框类进行扩展。其支持响应式、可堆叠和 ajax 等。

* [css-modal](https://github.com/drublic/css-modal)：纯 CSS 打造的模态框。

* [jquery-popup-overlay](https://github.com/vast-engineering/jquery-popup-overlay)：是一个响应式的和可访问性强的模态框和工具提示框（tooltips）jQuery 插件。

* [SweetAlert](https://github.com/t4t5/sweetalert)：JavaScript 原生警告弹窗很棒的替代品。

* [baguetteBox.js](https://github.com/feimosi/baguetteBox.js)：原生 JavaScript 灯箱，简单又好用。

* [colorbox](https://github.com/jackmoore/colorbox)：一款适用于 jQuery 轻量可自定义的的灯箱插件。

* [fancyBox](https://github.com/fancyapps/fancyBox)：一款用于放大图片、html 内容和多媒体的漂亮优雅的工具。

* [swipebox](https://github.com/brutaldesign/swipebox)：一款支持触摸的 jQuery 灯箱。

* [jBox](https://github.com/StephanWagner/jBox)：jBox 是一款强大灵活的 jQuery 插件，用于管理弹窗、提示、通知等场景。

* [lightGallery](https://github.com/sachinchoolur/lightGallery)：一款适用于 jQuery 的可自定义、模块化、响应式的灯箱画廊插件。

* [keukenhof](https://github.com/Alexandrshy/keukenhof)：用于创建模态窗的轻量、零依赖、易用的 TypeScript 库。

## 滚动

* [scrollMonitor](https://github.com/sakabako/scrollMonitor)：监听元素滚动简单快速的 API。

* [headroom](https://github.com/WickyNilliams/headroom.js)：除非你需要显示页面头部，否则将隐藏它，这样可以腾出页面头部空间。

* [onepage-scroll](https://github.com/peachananr/onepage-scroll)：使用这个单页滚动插件可以创建一个类似 Apple 的单页面滚动网站（iPhone 5S 风格）。

* [iscroll](https://github.com/cubiq/iscroll)：高性能、轻量、无依赖、兼容多平台的 JavaScript 滚动组件。

* [skrollr](https://github.com/Prinzhorn/skrollr)：独立不依赖 jQuery 的视差滚动库，适用于移动设备（Android + iOS）和桌面电脑。

* [parallax](https://github.com/wagerfield/parallax)：响应智能设备翻转的视差引擎。

* [stellar.js](https://github.com/markdalgleish/stellar.js)：让视差滚动变简单。

* [plax](https://github.com/cameronmcefee/plax)：jQuery 驱动的视差库。

* [jparallax](https://github.com/stephband/jparallax)：创建可交互视差效果的 jQuery 插件。

* [fullPage](https://github.com/alvarotrigo/fullPage.js)：简单和易于使用的、用于创建全屏滚动网站（也被称为单页面网站）的插件。

* [ScrollMenu](https://github.com/s-yadav/ScrollMenu)：让老旧无聊的滚动条焕然一新。

* [Clusterize.js](https://github.com/NeXTs/Clusterize.js)：用于展示大量数据的小巧的原生 JavaScript 插件

* [simpleParallax](https://github.com/geosigno/simpleParallax)：用于在图片上添加视差动画的简单小巧的 JavaScript 库。

* [rellax](https://github.com/dixonandmoe/rellax)：黄油般丝滑、超级轻盈的原生 JavaScript 视差库。

## 菜单

* [jQuery-menu-aim](https://github.com/kamens/jQuery-menu-aim)：当用户光标放在特定下拉菜单项时触发事件。可制作像 Amazon 那样的的响应式的、大数据量的下拉菜单。

* [jQuery contextMenu](https://github.com/swisnl/jQuery-contextMenu)：上下文菜单管理工具。

* [Slideout](https://github.com/mango/slideout)：为移动设备的 web 应用制作出响应式、可触摸滑出的导航菜单。

* [Slide and swipe](https://github.com/JoanClaret/slide-and-swipe-menu)：一个基于 touchSwipe 库的滑出菜单插件。

* [mmenu](https://github.com/FrDH/jQuery.mmenu)：适用于 jQuery ，最佳的仿原生 app 可开关侧边栏菜单插件，适用于网页或者 webapp。

## 表格/栅格

* [jTable](https://github.com/hikalkan/jtable)：基于 CRUD 表创建 AJAX 的 jQuery 插件。

* [DataTables](http://www.datatables.net/)：（jQuery 插件）这是一个非常灵活的工具，在渐进增强的基础上，将高级的交互效果添加到 HTML 表格上。

* [Tabulator](http://olifolkerd.github.io/tabulator/)：（jQuery 插件）一款极致灵活的库，用于从 JSON 数据源或者 HTML 表格创建可交互式表格。

* [Bootstrap Table](http://bootstrap-table.wenzhixin.net.cn/)：流行框架 Bootstrap 的扩展，无需添加新标记，创建自适应站点风格的表格

* [floatThead](https://github.com/mkoryak/floatThead)：（jQuery 插件）锁定表格头部，只允许表格内容滚动。适用于任何表格，而且不需要额外的 html 或 css。

* [Masonry](http://masonry.desandro.com/)：瀑布流式的栅格布局库。

* [Packery](http://packery.metafizzy.co/)：使用装箱算法（bin-packing）的网格布局库，支持拖拽布局。

* [Isotope](http://isotope.metafizzy.co/)：可过滤和可排序的网格布局的库，它能实现 Masonry、Packery 等布局。

* [flexboxgrid](https://github.com/kristoferjoseph/flexboxgrid/)：基于 CSS3 flexbox 的栅格。

## 框架

* [Semantic UI](http://semantic-ui.com/)：拥有大量主题和元素的 UI 套件。

* [w2ui](http://w2ui.com/)：一系列用于数据驱动网页应用的 jQuery 前端开发插件。

* [fluidity](https://github.com/mrmrs/fluidity)：全世界最小的全响应式 CSS 框架。

* [Ink](https://github.com/sapo/Ink)：基于 HTML5/CSS3 的快速高效的网站设计和原型框架，SAPO 项目正在使用。

* [DataFormsJS](https://github.com/dataformsjs/dataformsjs)：用于单页应用敏捷开发的超小的、独立组件的 JavaScript 框架。

* [EHTML](https://github.com/Guseyn/EHTML)：不写 JavaScript 的 HTML 框架。

## Boilerplates

 * [html5-boilerplate](https://github.com/h5bp/html5-boilerplate)：一款用于构建快速、稳定、自适应网页应用和网站的专业前端模板。

 * [mobile-boilerplate](https://github.com/h5bp/mobile-boilerplate)：一款用于构建快速、现代移动端网页应用的前端模板。

 * [webplate](https://github.com/chrishumboldt/webplate)：让开发者专注于站点和应用构建的超棒的前端框架。

 * [Cerberus](https://github.com/TedGoas/Cerberus)：简单、固定模式的响应式 HTML 邮件模板，也可在 Outlook 中使用。

 * [full-page-intro-and-navigation](https://github.com/CodyHouse/full-page-intro-and-navigation)：一款介绍页面模板，支持全宽背景、动画菜单、iOS 风格导航模糊特效。

 * [Fluid-Squares](https://github.com/crozynski/Fluid-Squares)：方块单元流式栅格布局。

 * [Mobile-First-RWD](https://github.com/bradfrost/Mobile-First-RWD)：这是一个移动端优先响应式网页设计的样例。

 * [this-is-responsive](https://github.com/bradfrost/this-is-responsive)：这就是响应式。

 * [npm run-scripts](https://gist.github.com/addyosmani/9f10c555e32a8d06ddb0)：npm run 脚本任务自动化。

## 手势

* [hammer.js](https://github.com/hammerjs/hammer.js)：拥有多种触摸手势的 JavaScript 库。

* [touchemulator](https://github.com/hammerjs/touchemulator)：在桌面电脑模仿触摸输入。

* [Dragula](https://github.com/bevacqua/dragula/)：超级易用的拖拽库。

## 地图

* [Leaflet](https://github.com/Leaflet/Leaflet)：对移动设备友好的、可交互的地图 JavaScript 库。

* [Cesium](https://github.com/AnalyticalGraphicsInc/cesium)：基于 WebGL 实现的开源虚拟地球仪和地图引擎。

* [gmaps](https://github.com/HPNeo/gmaps)：以最简单的方式使用 Google 地图。

* [polymaps](https://github.com/simplegeo/polymaps)：一个免费的、兼容现代 web 浏览器的、用于制作动态可交互地图的 JavaScript 库。

* [kartograph.js](https://github.com/kartograph/kartograph.js)：开源的 Kartograph SVG 地图渲染器。

* [mapbox.js](https://github.com/mapbox/mapbox.js)：Mapbox 的 API，Leaflet 的插件。

* [jqvmap](https://github.com/manifestinteractive/jqvmap)：矢量地图 jQuery 插件。

* [OpenLayers3](http://openlayers.org/)：高性能、功能丰富，能满足你对地图所有需求。

## 视频/音频

* [prettyembed.js](https://github.com/mike-zarandona/prettyembed.js)：更完美地嵌入 YouTube，支持很多功能，如高分辨率的预览图、嵌入选项的高级定制和可选的 FitVids 支持。

* [html5media](https://github.com/etianen/html5media)：能在所有主流浏览器播放多媒体标签中定义的多媒体文件。

* [Play-em JS](https://github.com/adrienjoly/playemjs)：Play'em 是一个 JavaScript 组件，它能管理音乐/视频播放顺序，通过在一个 DIV 元素里嵌入几个播放器（Youtube、Soundcloud 和 Vimeo）来控制一系列歌曲的播放。

* [polyplayer](https://github.com/Acconut/polyplayer)：将 YouTube、Soundcloud 和 Vimeo 播放器的 API 统一成一套。

* [flowplayer](https://flowplayer.org/)、[Github](https://github.com/flowplayer/flowplayer)：HTML5 视频播放器

* [mediaelement](http://mediaelementjs.com/)、[Github](https://github.com/johndyer/mediaelement)：让 HTML5、 Flash 播放器和模仿 HTML5 媒体元素 API 的 Silverlight shim，在所有浏览器拥有一致的 UI。

* [SoundJS](https://github.com/CreateJS/SoundJS)：让音频在 web 上运行更简单的库。它为不同浏览器提供了统一的 API。

 * [video.js](https://github.com/videojs/video.js)：开源的 HTML5 和 Flash 视频播放器。

 * [FitVids.js](https://github.com/davatron5000/FitVids.js)：轻量易用，可自适应宽度的 jQuery 视频插件。

 * [Ion.Sound](https://github.com/IonDen/ion.sound)：在任何页面上都能轻松地播放声音。

 * [photobooth-js](https://github.com/WolframHempel/photobooth-js)：用于在网站上编辑头像图片的小挂件。

 * [clappr](https://github.com/clappr/clappr)：网页上用的可扩展的媒体播放器 [http://clappr.io](http://clappr.io)。

 * [exifr](https://github.com/MikeKovarik/exifr)：速度最快、功能最全的 EXIF 读取库 [https://mutiny.cz/exifr/](https://mutiny.cz/exifr/)。

 * [ts-audio](https://github.com/EvandroLG/ts-audio)：易用的 `AudioContext` 接口封装库。

 * [AmplitudeJS](https://521dimensions.com/open-source/amplitudejs)：开源的 HTML5 网页音频库。按你的要求来设计网页音频播放器，零依赖。

 ## 排版

 * [FlowType.JS](https://github.com/simplefocus/FlowType.JS)：业界最好的网页排版工具：以元素高度为基准定义字号和行高。

 * [BigText](https://github.com/zachleat/BigText)：用于计算匹配特定行宽下字号和字间距的 jQuery 插件。

 * [circletype](https://github.com/peterhry/circletype)：一款用于在网页上沿曲线显示文字的 jQuery 插件。

 * [slabText](https://github.com/freqDec/slabText/)：用于生成大且粗响应式大标题的 jQuery 插件。

 * [simple-text-rotator](https://github.com/peachananr/simple-text-rotator)：不需要添加额外标记，超级简单就能在网站上添加旋转文本的插件。

 * [novacancy.js](https://github.com/chuckyglitch/novacancy.js)：Neon Golden 文字效果 jQuery 插件。

 * [jquery-responsive-text](https://github.com/ghepting/jquery-responsive-text)：让文本自适应改变大小！

 * [FitText.js](https://github.com/davatron5000/FitText.js)：给越来越多的网页类型设计的 jQuery 插件。

 * [Lettering.js](https://github.com/davatron5000/Lettering.js)：一款轻量易用的网页字体设置插件，利用 JavaScript 在字符上插入 `` 标签实现对单个字符的样式配置。

## 动画

* [velocity](https://github.com/julianshapiro/velocity)：加速 JavaScript 动画。

* [jquery.transit](https://github.com/rstacruz/jquery.transit)：拥有超级流畅的 CSS3 变换和过渡效果的 jQuery 插件。

* [impess.js](https://github.com/impress/impress.js)：在 HTML 文档里，运用 CSS3 变换和过渡制作类似 Prezi 的展现效果。

* [bounce.js](https://github.com/tictail/bounce.js)：可以立刻创建有趣的 CSS3 动画。

* [GreenSock-JS](https://github.com/greensock/GreenSock-JS)：适用于所有主流浏览器的高性能 HTML5 动画。

* [TransitionEnd](https://github.com/EvandroLG/transitionEnd)：TransitionEnd 是一个运用 transitonend 事件的、跨浏览器的库。

* [Dynamics.js](https://github.com/michaelvillar/dynamics.js)：用于创建符合物理运动规律的 CSS 动画库。

* [the-cube](https://github.com/pstadler/the-cube)：The Cube 是一个 CSS3 过渡效果实验。

* [Effeckt.css](https://github.com/h5bp/Effeckt.css)：一款高性能过渡动画库。

* [animate.css](https://github.com/daneden/animate.css)：要多易用有多易用的跨浏览器 CSS 动画库。

* [textillate](https://github.com/jschr/textillate)：适用于 CSS3 文本动画的简单插件。

* [move.js](https://github.com/visionmedia/move.js)：基于 CSS3 的 JavaScript 动画框架。

* [animatable](https://github.com/LeaVerou/animatable)：一个属性，两个值，无穷个可能性。

* [shuffle-images](https://github.com/peachananr/shuffle-images)：简单有创意地打乱图片。[http://www.thepetedesign.com/demos/shuffle-images_demo.html](http://www.thepetedesign.com/demos/shuffle-images_demo.html)

* [smoothState.js](https://github.com/miguel-perez/smoothState.js)：免打扰式页面过渡 jQuery 库。[http://smoothstate.com/](http://smoothstate.com/)

* [Anime.js](http://animejs.com)：一款 JavaScript 动画引擎。[http://animejs.com](http://animejs.com)

* [Mo.js](http://mojs.io)：网页动态图像工具`（链接已无法访问——译者注）`

* [particles.js](https://github.com/VincentGarreau/particles.js)：用于创建粒子的轻量 JavaScript 库。

* [tsParticles](https://github.com/matteobruni/tsparticles)：particles.js 全新升级版本，修复了 bug ，增加许多新功能。

* [particles-bg](https://github.com/lindelof/particles-bg)：一款轻量的粒子运动动画背景 React 组件。

## 图片处理

* [lena.js](https://github.com/davidsonfellipe/lena.js)：具有滤镜和实用功能的图像处理库。

* [pica](https://github.com/nodeca/pica)：高质量地调整图片大小（使用快速、纯 JS 实现的 Lanczos 滤镜算法）。

* [cropper](https://github.com/fengyuanchen/cropper)：一个简单的图像裁剪 jQuery 插件。

## ES6

* [es6features](https://github.com/lukehoban/es6features)：ECMAScript 6 特性概述。

* [es6-features](https://github.com/rse/es6-features)：ECMAScript 6： 特性概述和比较。

* [ECMAScript 6 compatibility table](http://kangax.github.io/compat-table/es6/)：Compatibility tables 展示了各种平台上所有 ECMAScript 6 特性的支持程度。

* [Babel (Formerly 6to5)](https://github.com/babel/babel)：将 ES6+ 代码转换成原生 ES5。

* [Traceur compiler](https://github.com/google/traceur-compiler)：ES6 特性转 ES5。包括 classes、generators、promises、destructuring patterns、default parameters 等。

## 静态页面生成器

* [Gatsby.js](https://github.com/gatsbyjs/gatsby)：React 驱动的静态网站生成器。

* [Gridsome](https://github.com/gridsome/gridsome)：Vue 驱动的静态网站生成器。

* [Docusaurus](https://github.com/facebook/docusaurus)：Facebook 出品的 React 驱动的静态网站生成器，以内容为中心网站的理想形态。

## SDK

* [javascript-sdk-design](https://github.com/huei90/javascript-sdk-design)：从工作和个人经验中提炼出来的 JavaScript SDK 设计指导。

* [Spotify SDK](https://github.com/loverajoel/spotify-sdk)：用于 Spotify Web API 的面向实体 SDK

* [Square Node.js SDK](https://github.com/square/connect-nodejs-sdk/)：用于支付和其他 Square API 的 JavaScript 客户端库。

## 大杂烩

* [echo](https://github.com/toddmotto/echo)：利用 `data-*` 属性延迟加载图片。

* [picturefill](https://github.com/scottjehl/picturefill)：响应式图片显示插件，使浏览器支持 srcset、size 属性。

* [platform.js](https://github.com/bestiejs/platform.js)：一个平台检测库，几乎适用于所有 JavaScript 平台。

* [json3](https://github.com/bestiejs/json3)：一个现代 JSON 实现库，几乎兼容所有 JavaScript 平台。

* [Logical Or Not](http://gabinaureche.com/logicalornot/)：一个关于 JavaScript 特性的游戏。

* [BitSet.js](https://github.com/infusion/BitSet.js)：实现位向量的 JavaScript 库。

* [spoiler-alert](https://github.com/joshbuddy/spoiler-alert)：SPOILER 警告 ！一款开心的 jQuery 小插件，用于隐藏页面上的 spoilers 。

* [jquery.vibrate.js](https://github.com/illyism/jquery.vibrate.js)：震动接口封装。

* [list.js](https://github.com/javve/list.js)：给表格、列表等众多 HTML 元素添加搜索、排序、过滤和自适应特性，零感知作用于已有的 HTML 。[http://www.listjs.com](http://www.listjs.com)

* [mixitup](https://github.com/patrickkunka/mixitup)：一款过滤和排序的插件。

* [grid](https://github.com/hootsuite/grid)：用于二维可变大小响应式列表的拖拽库。

* [jquery-match-height](https://github.com/liabru/jquery-match-height)：一款响应式等高 jQuery 插件。

* [survey.js](https://github.com/surveyjs/surveyjs)：一款 JavaScript 调查引擎。用 JSON 作为调查元数据和结果。[http://surveyjs.org/](http://surveyjs.org/)

* [Array Explorer](https://github.com/sdras/array-explorer) and [Object Explorer](https://sdras.github.io/object-explorer/)：帮助开发者选择哪一个原生 JavaScript 方法使用更佳。

* [Clipboard.js](https://clipboardjs.com/)：无需 Flash 也无需使用框架实现“复制到剪贴板”功能。

* [ky](https://github.com/sindresorhus/ky)：基于浏览器 Fetch 接口的小巧优雅的 HTTP 客户端。

* [Fcal](https://github.com/5anthosh/fcal)：数学表达式计算器。

* [emoji-button](https://github.com/joeattardi/emoji-button)：原生 JavaScript 表情包选择器组件。

* [iooxa](https://github.com/iooxa/article)：交互式科学写作、响应式文档和探索式说明组件。

* [Idyll](https://github.com/idyll-lang/idyll)：用于创建探索式说明和互动故事文章。可以[插入 HTML 中](https://github.com/idyll-lang/idyll-embed).

* [javascript-algorithms](https://github.com/trekhleb/javascript-algorithms)：算法和数据结构的 JS 实现，包含详细解释和发散文章链接。

资源


有影响力的书


*具有广泛影响且值得阅读的前端经典书籍。*

* 《[如果有人让你推荐前端技术书，请让他看这个列表](https://github.com/jobbole/awesome-web-dev-books)》

* 《你不知道的Javascript》：英文版 "You Don't Know JS"

-----

### 其他 Awesome 前端资源系列：

- 《[让你受益匪浅的前端技术干货系列](https://github.com/jobbole/awesome-front-posts)》

- 《[如果有人让你推荐前端技术书，请让他看这个列表](https://github.com/jobbole/awesome-web-dev-books)》

- 《[CSS 资源大全中文版](https://github.com/jobbole/awesome-css-cn)》