JavaScript資源大全中文版（Awesome最新版）
目錄
前端MVC 框架和庫
包管理器
加載器
打包工具
測試框架
框架
斷言
覆蓋率
運行器
QA 工具
基于 Node 的 CMS 框架
模板引擎
數(shù)據(jù)可視化
編輯器
UI
輸入
日歷
選擇
文件上傳
其它
提示
模態(tài)框和彈出框
滾動
菜單
表格/柵格
框架
手勢
地圖
視頻/音頻
動畫
圖片處理
ECMAScript 6
軟件開發(fā)工具包(SDK)
利器
精品閱讀
更多資源
Awesome系列的JavaScript資源整理。awesome-javascript是sorrycc發(fā)起維護的 JS 資源列表，內(nèi)容包括：包管理器、加載器、測試框架、運行器、QA、MVC框架和庫、模板引擎、數(shù)據(jù)可視化、時間軸、編輯器等。
前端MVC 框架和庫
angular.js：為網(wǎng)絡(luò)應(yīng)用增強 HTML。官網(wǎng)
aurelia：一個適用于移動設(shè)備、桌面電腦和 web 的客戶端 JavaScript 框架。官網(wǎng)
backbone：給你的 JS 應(yīng)用加入帶有 Models、Views、Collections 和 Events 的 Backbone。官網(wǎng)
batman.js：最適合 Rails 開發(fā)者的 JavaScript 框架。官網(wǎng)
ember.js：一個旨在創(chuàng)建非凡 web 應(yīng)用的 JavaScript 框架。官網(wǎng)
meteor：一個超簡單的、數(shù)據(jù)庫無處不在的、只傳輸數(shù)據(jù)的純 JavaScript web 框架。官網(wǎng)
ractive：新一代 DOM 操作。官網(wǎng)
vue：一個用于構(gòu)建可交互界面的、直觀快速和可組合的 MVVM 框架。官網(wǎng) 
knockout：Knockout 用 JavaScript 讓創(chuàng)建響應(yīng)式的富 UI 更加容易。官網(wǎng) 
spine：構(gòu)建 JavaScript 應(yīng)用的輕量 MVC 庫。官網(wǎng)
espresso.js：一個極小的、用于制作用戶界面的 JavaScript 庫。官網(wǎng)
canjs：讓 JS 更好、更快、更簡單。官網(wǎng)
react：用于建構(gòu)用戶界面的庫。它是聲明式的、高效的和極度靈活的，并使用虛擬 DOM 作為其不同的實現(xiàn)。官網(wǎng)
react-native：一個用 React 構(gòu)建原生應(yīng)用的框架。官網(wǎng)
riot：類 React 庫，但很輕量。官網(wǎng)
thorax：加強你的 Backbone。官網(wǎng)
chaplin：使用 Backbone.js 庫的 JavaScript 應(yīng)用架構(gòu)。官網(wǎng)
marionette：一個 Backbone.js 的復(fù)合應(yīng)用程序庫，旨在簡化大型 JavaScript 應(yīng)用結(jié)構(gòu)。官網(wǎng)
ripple：一個小巧的、用于構(gòu)建響應(yīng)界面的基礎(chǔ)框架。官網(wǎng)
rivets：輕量卻擁有強大的數(shù)據(jù)綁定和模板解決方案官網(wǎng)
derby：讓編寫實時和協(xié)同應(yīng)用更簡單的 MVC 框架，能夠在 Node.js 和瀏覽器同時運行。官網(wǎng)
derby-awesome：很棒的 derby 組件集合。官網(wǎng)
way.js：簡單、輕量、持久化的雙向數(shù)據(jù)綁定。官網(wǎng)
mithril.js：Mithril 是一個客戶端 MVC 框架（輕量、強大和快速）官網(wǎng)
jsblocks：jsblocks 是一個更好的 MV-ish 框架。官網(wǎng)
LiquidLava：易懂的、用于構(gòu)建用戶界面的 MVC 框架。官網(wǎng)
包管理器
管理著 javascript 庫，并提供讀取和打包它們的工具。
npm：npm 是 javascript 的包管理器。官網(wǎng)
Bower：一個 web 應(yīng)用的包管理器。官網(wǎng)
component：能構(gòu)建更好 web 應(yīng)用的客戶端包管理器。官網(wǎng)
spm：全新的靜態(tài)包管理器。官網(wǎng)
jam：一個專注于瀏覽器端和兼容 RequireJS 的包管理器。官網(wǎng)
jspm：流暢的瀏覽器包管理器。官網(wǎng)
Ender：沒有庫文件的程序庫。官網(wǎng)
volo：以項目模板、添加依賴項與自動化生成的方式創(chuàng)建前端項目。官網(wǎng) 
Duo：一個整合 Component、Browserify 和 Go 官網(wǎng)的最佳思想，使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。
加載器
JavaScript 的模塊或加載系統(tǒng)。
RequireJS：JavaScript 文件和模塊的加載器。官網(wǎng)
browserify：在瀏覽器端以 node.js 的方式 require()。官網(wǎng)
SeaJS：用于 Web 的模塊加載器。官網(wǎng)
HeadJS：HEAD 的唯一腳本。官網(wǎng)
curl：小巧、快速且易擴展的模塊加載器，它能處理 AMD、CommonJS Modules/1.1、CSS、HTML/text 和歷史腳本。官網(wǎng)
lazyload：小巧且無依賴的異步 JavaScript 和 CSS 加載器。官網(wǎng)
script.js：異步 JavaScript 加載器和依賴管理器。官網(wǎng)
systemjs：AMD、CJS（commonJS） 和符合 ES6 規(guī)范的模塊加載器。官網(wǎng)
LodJS：基于 AMD 的模塊加載器。官網(wǎng)
ESL：瀏覽器端的模塊加載器，支持延遲定義和 AMD。官網(wǎng)
modulejs：輕量的 JavaScript 模塊系統(tǒng)。官網(wǎng)
打包工具
browserify ：Browserify 讓你能在瀏覽器端使用 require('modules') ，打包所有依賴。官網(wǎng)
webpack：為瀏覽器打包 CommonJs/AMD 模塊。官網(wǎng)
測試框架
框架
mocha：適用于 node.js 和瀏覽器、簡易、靈活、有趣的 JavaScript 測試框架。官網(wǎng)
jasmine：簡單無 DOM 的 JavaScript 測試框架。官網(wǎng)
qunit：一個易于使用的 JavaScript 單元測試框架。官網(wǎng)
jest：簡單的 JavaScript 單元測試框架。官網(wǎng)
prova：基于 Tape 和 Browserify 的測試運行器，它適用于 Node & 瀏覽器。官網(wǎng)
DalekJS：自動化且跨瀏覽器的 JavaScript 功能測試框架。官網(wǎng)
斷言
chai：適用于 node.js 和瀏覽器的 BDD / TDD 斷言框架，并能搭配其它測試框架使用。官網(wǎng)
Sinon.JS：對 JavaScript 進行 spies、stubs 和 mock 測試。官網(wǎng)
expect.js：簡約的、適用于 Node.js 和瀏覽器端的 BDD 式斷言工具。官網(wǎng)
should.js：適用于 Node.js 的 BDD 式斷言工具。官網(wǎng)
覆蓋率
istanbul：另一個 JS 代碼覆蓋率檢測工具。官網(wǎng)
blanket：一個簡單的代碼覆蓋率檢測庫。它的設(shè)計理念是易于安裝和使用，且可用于瀏覽器端和 node.js。官網(wǎng)
JSCover：JSCover 是一個檢測 JavaScript 程序代碼覆蓋率的工具。官網(wǎng)
運行器
phantomjs：腳本化的 Headless WebKit。官網(wǎng)
slimerjs：一個內(nèi)核為 Gecko 的類似 PhantomJS 工具。官網(wǎng)
casperjs：基于 PhantomJS 和 Slimer JS 的導(dǎo)航腳本和測試工具。官網(wǎng) 
zombie：基于 node.js 、快速、全棧且無圖形界面的瀏覽器的測試工具。官網(wǎng)
totoro：一個簡單可靠且能跨瀏覽器運行的測試工具。官網(wǎng)
karma：一個優(yōu)秀的的 JavaScript 測試運行器。官網(wǎng)
nightwatch：基于 node.js 和 selenium webdriver 的圖形界面自動化測試框架。官網(wǎng)
intern：下一代 JavaScript 代碼測試棧。官網(wǎng)
yolpo：在瀏覽器逐句執(zhí)行的 JavaScript 解釋器。官網(wǎng)
QA 工具
JSHint：JSHint 是一個有助于發(fā)現(xiàn) JavaScript 代碼錯誤和潛在問題的工具。官網(wǎng)
jscs：JavaScript 代碼風(fēng)格檢測工具。官網(wǎng)
jsfmt：格式化、搜索和改寫 JavaScript。官網(wǎng)
jsinspect：檢測復(fù)制粘貼和結(jié)構(gòu)類似的代碼。官網(wǎng)
buddy.js：發(fā)現(xiàn) JavaScript 代碼里的 魔術(shù)數(shù)字。官網(wǎng)
ESLint：完全插件化的工具，能在 JavaScript 中識別和記錄模式。官網(wǎng)
JSLint ：高標(biāo)準、嚴格和固執(zhí)的代碼質(zhì)量工具，旨在只保持語言的優(yōu)良部分。官網(wǎng)
基于 Node 的 CMS 框架
KeystoneJS：強大的 CMS 和 web 應(yīng)用框架。官網(wǎng)
Reaction Commerce：擁有實時的架構(gòu)和設(shè)計的響應(yīng)式（reactive） CMS。官網(wǎng)
Ghost：簡單、強大的發(fā)布平臺。官網(wǎng)
Apostrophe：提供內(nèi)容編輯和基本服務(wù)的 CMS。官網(wǎng)
We.js：適用于實時應(yīng)用、網(wǎng)站或博客的框架。官網(wǎng)
Hatch.js：擁有社交特性的 CMS 平臺。官網(wǎng)
TaracotJS：擁有快速、極簡風(fēng)格特點且基于Node.js 的 CMS。官網(wǎng)
Nodizecms：為 CoffeeScript 愛好者準備的 CMS。官網(wǎng)
Cody：擁有所見即所得的編輯器的 CMS。官網(wǎng)
PencilBlue：CMS 和博客平臺。官網(wǎng)
模板引擎
模板引擎允許您執(zhí)行字符串插值。
mustache.js：是 JavaScript 中帶有 {{mustaches}} 的最簡模板。官網(wǎng)
handlebars.js：是 Mustache 模板語言的擴展。官網(wǎng)
hogan.js：是 Mustache 模板語言的編譯器。官網(wǎng)
doT：最快速簡潔的 JavaScript 模板引擎，適用于 nodejs 和瀏覽器。官網(wǎng)
dustjs：適用于瀏覽器和 node.js 的異步模板。官網(wǎng)
eco：嵌入式的 CoffeeScript 模板。官網(wǎng)
JavaScript-Templates：輕量（小于 1KB）、快速且無依賴的強大 JavaScript 模版引擎。官網(wǎng)
t.js：小巧的 JavaScript 模板框架，壓縮后約為 400 字節(jié)。官網(wǎng)
Jade：健壯的、優(yōu)雅且功能豐富的 nodejs 模板引擎。官網(wǎng)
EJS：高效的 JavaScript 模板。官網(wǎng)
xtemplate：可擴展的模板引擎，適用于 node 和瀏覽器。官網(wǎng)
marko：快速輕量且基于 HTML 的模板引擎，支持異步、流、自定義標(biāo)簽和 CommonJS 模編譯后輸出。適用于 Node.js 官網(wǎng)和瀏覽器。
數(shù)據(jù)可視化
Web 數(shù)據(jù)可視化工具
d3：一個對 HTML 和 SVG 進行可視化的 JavaScript 庫。官網(wǎng)
metrics-graphics：更簡潔和擁有更規(guī)范的數(shù)據(jù)圖表布局優(yōu)化算法的庫。官網(wǎng)
pykcharts.js：經(jīng)過精心設(shè)計后，去除 d3.js 復(fù)雜性的 d3.js 圖表庫。官網(wǎng)
three.js：JavaScript 3D 庫。官網(wǎng)
Chart.js：簡單的、基于 canvas 標(biāo)簽的 HTML5 圖表庫。官網(wǎng)
paper.js：是矢量圖形腳本中的瑞士軍刀 —— 使用 HTML5 Canvas 將 Scriptographer  移植到 JavaScript 官網(wǎng)和瀏覽器。
fabric.js：JavaScript Canvas 庫，SVG 與 Canvas 可以相互解析。官網(wǎng)
peity：進度條、線狀和餅狀圖。官網(wǎng)
raphael：JavaScript 矢量庫。官網(wǎng)
echarts：商業(yè)產(chǎn)品圖表。官網(wǎng)
vis：動態(tài)的、基于瀏覽器的可視化庫。官網(wǎng)
two.js：一個渲染器無關(guān)的適用于 web 的二維繪圖 api 。官網(wǎng)
g.raphael：基于 Rapha?l 圖表庫。官網(wǎng)
sigma.js：一個致力于圖形繪畫的 JavaScript 庫。官網(wǎng)
arbor：一個使用 web workers 和 jQuery 的圖形可視化庫。官網(wǎng)
cubism：可視化時間序列的 D3 插件。官網(wǎng)
dc.js：與 crossfilter 無縫合作的多維圖表繪制庫，使用 d3.js 渲染。官網(wǎng)
vega：一套可視化語法。官網(wǎng)
processing.js：Processing.js 基于 Web 標(biāo)準使數(shù)據(jù)可視化，而無需任何插件。官網(wǎng)
envisionjs：動態(tài)的 HTML5 可視化。官網(wǎng)
rickshaw：用于構(gòu)建交互式實時圖表的 JavaScript 工具包。官網(wǎng)
flot：吸引人的、基于 jQuery 的 JavaScript 圖表庫。官網(wǎng)
morris.js：漂亮的時間序列線框圖。官網(wǎng)
nvd3：一個為 D3.js 構(gòu)建可復(fù)用圖表和圖表組件的庫。官網(wǎng)
svg.js：一個輕量的、用于操作和添加 SVG 動畫的庫。官網(wǎng)
heatmap.js：基于 HTML5 canvas 的熱力圖 JavaScript 庫。官網(wǎng)
jquery.sparkline：一個直接在瀏覽器端生成小型走勢圖的 jQuery 插件。官網(wǎng)
xCharts：一個基于 D3、用于構(gòu)建自定義圖表和圖形的庫。官網(wǎng)
trianglify：基于 d3.js 的低多邊形（low poly）風(fēng)格背景圖片生成器。官網(wǎng)
d3-cloud：創(chuàng)建詞云（word cloud）效果的 JavaScript 庫。官網(wǎng)
d4：一個基于 D3 、友好、可復(fù)用的 DSL 圖表庫 。官網(wǎng)
dimple.js：基于 d3 的簡易商業(yè)分析圖表庫。官網(wǎng)
chartist-js：簡單的響應(yīng)式圖表。官網(wǎng)
epoch：一個通用的實時圖表庫。官網(wǎng)
c3：基于 D3 的可復(fù)用圖表庫。官網(wǎng)
BabylonJS：一個運用 HTML5 和 WebGL 構(gòu)建 3D 游戲的框架。官網(wǎng)
也有一些很棒的收費庫，如 amchart、plotly 和 highchart。
時間軸
TimelineJS： 一個用 JavaScript 編寫的可敘事時間軸庫。官網(wǎng)
timesheet.js：用于構(gòu)建簡單的 HTML5 & CSS3 時間表的 JavaScript 庫。官網(wǎng)
編輯器
ace：Ace（Ajax.org Cloud9 Editor）。官網(wǎng)
CodeMirror：瀏覽器端的代碼編輯器。官網(wǎng)
esprima：用于綜合分析的 ECMAScript 解析器。官網(wǎng)
quill：一個帶有 API 的跨瀏覽器富文本編輯器。(官網(wǎng))
medium-editor：Medium.com 所見即所得編輯器的克隆版。官網(wǎng)
pen：享受在線編輯（支持 markdown）。官網(wǎng)
jquery-notebook：一個易用的、簡潔優(yōu)雅的文本編輯器。靈感來源于 Medium 的魅力。官網(wǎng)
bootstrap-wysiwyg：小巧的、兼容 bootstrap 的所見即所得的富文本編輯器。官網(wǎng)
ckeditor-releases：適用于每個人的 web 文本編輯器。官網(wǎng)
editor：一個 markdown 編輯器，但仍在開發(fā)中。官網(wǎng)
EpicEditor：一個可嵌入的 JavaScript Markdown 官網(wǎng)的編輯器，擁有全屏編輯、即時預(yù)覽、自動保存草稿和離線支持等功能。
jsoneditor：查看、編輯和格式化 JSON 的 web 工具。官網(wǎng)
vim.js： 擁有持久化 ~/.vimrc 的 Vim 編輯器的 JavaScript 移植版本。官網(wǎng)
Squire：HTML5 富文本編輯器。官網(wǎng)
TinyMCE：JavaScript 富文本編輯器。官網(wǎng)
trix：由 Basecamp 制作，適用于每天寫作的富文本編輯器。官網(wǎng)
文件
處理文件的庫。
Papa Parse：一款強大的 CSV 庫，支持解析 CSV 文件/字符串，也能導(dǎo)出 CSV。官網(wǎng)
jBinary：對用聲明式語法描述文件類型和數(shù)據(jù)結(jié)構(gòu)的二進制文件，進行高級 I/O（加載、解析、操作、序列化、存儲）操作。官網(wǎng)
函數(shù)式編程
函數(shù)式編程庫擴展了 JavaScript 的能力。
underscore：JavaScript 的實用工具。官網(wǎng)
lodash：提供一致性、可定制、高性能和額外功能的實用庫。官網(wǎng)
Sugar：一個擴展了原生對象功能的 JavaScript 庫。官網(wǎng)
lazy.js：類似 Underscore，但性能更優(yōu)越官網(wǎng)
ramda：一個針對 JavaScript 程序員的實用函數(shù)庫。官網(wǎng)
mout：模塊化的 JavaScript 工具庫。官網(wǎng)
mesh：流數(shù)據(jù)同步工具。官網(wǎng)
響應(yīng)式編程
響應(yīng)式程序庫擴展了 JavaScript 的能力。
RxJs：對 JavaScript 進行響應(yīng)式擴展。官網(wǎng)
Bacon：JavaScript 的 FPR（函數(shù)式響應(yīng)式編程）庫。官網(wǎng)
Kefir：受 Bacon.js 和 RxJS 啟發(fā)的 FRP 庫，專注于高性能和低內(nèi)存消耗。官網(wǎng)
Highland：對 JavaScript 實用工具的重新思考，Highland 能輕易地管理同步和異步信息，而且僅使用標(biāo)準 JavaScript 和類 Node 流。官網(wǎng)
Most.js：高性能 FRP 庫。官網(wǎng)
數(shù)據(jù)結(jié)構(gòu)
數(shù)據(jù)結(jié)構(gòu)庫用于構(gòu)建一個更復(fù)雜的應(yīng)用。
immutable-js：不可變的數(shù)據(jù)集合，包括 Sequence、Range、Repeat、Map、OrderedMap、Set 和 sparse Vector。官網(wǎng)
mori：使用 ClojureScript 持久化數(shù)據(jù)結(jié)構(gòu)和支持原生 JavaScript API 的庫。官網(wǎng)
buckets：完整的、經(jīng)過充分測試和記錄數(shù)據(jù)結(jié)構(gòu)的 JavaScript 庫。官網(wǎng)
hashmap：簡單的 hashmap 實現(xiàn)，支持任何類型的鍵值。官網(wǎng)
日期
日期庫。
moment：解析、驗證、操作和顯示日期。官網(wǎng)
moment-timezone：基于 moment.js 的時區(qū)庫。官網(wǎng)
jquery-timeago：一款支持自動更新模糊時間戳的 jQuery 插件（如："4 分鐘之前"）。官網(wǎng)
timezone-js：讓 JavaScript Date 對象擁有時區(qū)功能。使用 Olson zoneinfo 文件記錄著時區(qū)數(shù)據(jù)。官網(wǎng)
date：擁有人性化的 Date() 方法。官網(wǎng)
ms.js：小巧的毫秒轉(zhuǎn)換工具。官網(wǎng)
字符串
字符串庫。
selecting：一個允許你獲取用戶選定文本的庫。官網(wǎng)
underscore.string：擴展了 Underscore.js 的字符串操作。官網(wǎng)
string.js：額外的 JavaScript 字符串方法。官網(wǎng)
he：健壯的 HTML 實體編碼/解碼器。官網(wǎng)
multiline：多行字符串。官網(wǎng)
query-string：解析和字符串化 URL 查詢字符串。官網(wǎng)
URI.js：URL 操作庫。官網(wǎng) 
jsurl：輕量的 URL 操作庫。官網(wǎng)
sprintf.js：實現(xiàn)字符串格式化。官網(wǎng)
url-pattern：讓 url 和其它字符串進行比正則表達式匹配更簡單。字符串和數(shù)據(jù)可相互轉(zhuǎn)化。官網(wǎng)
數(shù)字
Numeral-js：對數(shù)字進行格式化和操作的庫。官網(wǎng)
odometer：流暢的數(shù)字過渡效果。官網(wǎng)
accounting.js：對數(shù)字、金錢、貨幣進行格式化的輕量庫——完全本地化和無依賴。官網(wǎng)
money.js：一個小巧（1kb）的貨幣轉(zhuǎn)換庫，適用于 web 和 nodeJS。官網(wǎng)
Fraction.js：一個有理數(shù)庫。官網(wǎng)
Complex.js： 一個復(fù)數(shù)庫。官網(wǎng)
Polynomial.js：一個多項式庫。官網(wǎng)
存儲
store.js：為所有瀏覽器封裝了 LocalStorage，而沒有使用 cookies 和 flash。隱秘地使用 localStorage、globalStorage 和用戶數(shù)據(jù)。官網(wǎng)
localForage：改善后的離線存儲。其封裝了 IndexedDB、WebSQL 和 localStorage，擁有操作簡單和強大的 API。官網(wǎng)
jStorage：jStorage 是一個簡單的鍵值對數(shù)據(jù)庫，用于在瀏覽器端存儲數(shù)據(jù)。官網(wǎng)
cross-storage：獲得權(quán)限后，能跨域名本地存儲。官網(wǎng)
basket.js：用 localStorage 加載和緩存腳本的資源加載器。官網(wǎng)
bag.js：可以緩存腳本和加載資源，與 basket.js 相似，但增加了鍵值對接口和對 localStorage / websql / 官網(wǎng)undexedDB 的支持。
basil.js：智能的 JavaScript 數(shù)據(jù)持久層庫。官網(wǎng)
jquery-cookie：輕量簡單的、用于讀取、編輯和刪除 cookie 的 jQuery 插件。官網(wǎng)
Cookies：客戶端 Cookie 操作庫。官網(wǎng)
DB.js：基于 Promise 的、封裝了 IndexDB 的庫。官網(wǎng)
lawnchair.js：簡單的客戶端 JSON 存儲。官網(wǎng)
顏色
randomColor：JavaScript 顏色生成器。官網(wǎng)
chroma.js：擁有各種各樣顏色操作的 JavaScript 庫。官網(wǎng)
color：JavaScript 顏色轉(zhuǎn)換和操作庫。官網(wǎng)
colors：更智能的默認 web 顏色。官網(wǎng)
PleaseJS：隨機創(chuàng)建出賞心悅目的顏色和配色方案。官網(wǎng)
TinyColor：快速、輕巧的顏色操作和轉(zhuǎn)換庫。官網(wǎng)
Vibrant.js：從圖像提取主要顏色。官網(wǎng)
國際化和本地化（I18n And L10n）
本地化和國際化 JavaScript 庫
i18next：JavaScript 最簡單的國際化（i18n）方法。官網(wǎng)
polyglot：小巧的國際化助手庫。官網(wǎng)
babelfish：i18n 提供友好易懂的 API ，并且內(nèi)置多種支持。官網(wǎng)
類
ClassManager：世界上最快、最方便的類系統(tǒng)之一。官網(wǎng)
klass：用于創(chuàng)建極富表現(xiàn)力的類工具庫。官網(wǎng)
augment：世界上最小且最快的一流 JavaScript 繼承模式。官網(wǎng)
控制流
async：適用于 node 和瀏覽器的異步工具庫。官網(wǎng)
q：實現(xiàn)異步的 promise JavaScript 庫。官網(wǎng)
step：讓邏輯順序合理化的異步控制流庫。官網(wǎng)
contra：利用函數(shù)風(fēng)格實現(xiàn)的異步流控制。官網(wǎng)
Bluebird：專注于革新功能和性能的，功能齊全的 promoise 庫。官網(wǎng)
when：快速可靠的、Promises/A+ 規(guī)范的 when() 實現(xiàn)，而且擁有異步其它的優(yōu)秀特性。官網(wǎng)
ObjectEventTarget：提供增加了事件監(jiān)聽的原型（與 DOMElement 的 EventTarget 在瀏覽器行為一致）。官網(wǎng)
路由
director：一個小巧的、與 URL 同構(gòu)的路由器。官網(wǎng)
page.js：受 Express router 啟發(fā)的小型客戶端路由器（約為1200字節(jié)）。官網(wǎng)
pathjs：簡單、輕量的 web 路由器。官網(wǎng)
crossroads：JavaScript 路由。官網(wǎng)
davis.js：使用 pushState、RESTful 風(fēng)格和可降級的 JavaScript 路由器。官網(wǎng)
angular-ui-router：基于AngularJS的可嵌套路由。官網(wǎng)
安全性
DOMPurify：針對 HTML、MathML 和 SVG 的僅支持DOM、快速、高容錯的 XSS 過濾器。官網(wǎng)
js-xss：通過白名單配置，即可過濾不信任的 HTML（防止 XSS 攻擊）。官網(wǎng)
日志
log：帶有樣式的 Console.log。官網(wǎng)
Conzole：對 JavaScript 原生 console 對象方法和功能進行封裝的 debug 面板，使其顯示在頁面內(nèi)。官網(wǎng)
console.log-wrapper：將日志清晰地記錄到 console，且兼容所有瀏覽器。官網(wǎng)
loglevel：最輕量的 JavaScript 日志記錄工具庫，向封裝后可用的 console.log 方法增加可靠的日志等級。官網(wǎng)
minilog：輕量的、用流式 API 顯示的、可用于客戶端和服務(wù)器端的日志記錄庫。官網(wǎng)
正則表達式
RegEx101：在線的 JavaScript 正則表達式測試器和調(diào)試器。同時支持 Python、PHP 和 PCRE。官網(wǎng)
RegExr：用于創(chuàng)建、測試和學(xué)習(xí)正則表達式的 HTML/JS  工具。官網(wǎng)
RegExpBuilder：使用鏈式方法創(chuàng)建正則表達式。官網(wǎng)
媒體
Ion.Sound：可用于任何網(wǎng)頁上簡單音頻。官網(wǎng)
語音命令
annyang：向網(wǎng)站添加語音命令的語音識別庫。官網(wǎng)
voix.js：向網(wǎng)站、app 或游戲添加語音命令的 JavaScript 庫。官網(wǎng)
API
bottleneck：強大的頻率限制器，使調(diào)節(jié)流量變得更容易。官網(wǎng)
oauth-signature-js：適用于 node 和 瀏覽器的 OAuth 1.0a 簽名生成器。官網(wǎng)
amygdala：為 Web 應(yīng)用提供 RESTful HTTP 客戶端解決方案。官網(wǎng)
jquery.rest：一個讓 RESTful API 更易使用的 jQuery 插件。官網(wǎng)
視覺檢測
tracking.js：在 web 上實現(xiàn)計算視覺的一種現(xiàn)代方法。官網(wǎng)
ocrad.js：通過 Emscripten 用 JavaScript 實現(xiàn) OCR（光學(xué)字符識別）。官網(wǎng)
瀏覽器檢測
bowser：一個瀏覽器檢測器。官網(wǎng)
UI
代碼高亮
Highlight.js：JavaScript 語法高亮器。官網(wǎng)
PrismJS：輕量、健壯和優(yōu)雅的語法高亮器。官網(wǎng)
加載狀態(tài)
指示加載狀態(tài)的庫。
Mprogress.js：創(chuàng)建谷歌 Material 設(shè)計風(fēng)格的線性進度條。官網(wǎng)
NProgress：在 Ajax'y 應(yīng)用顯示細長型進度條官網(wǎng)
Spin.js：一個旋轉(zhuǎn)的進度指示器。官網(wǎng)
progress.js：為頁面任何對象創(chuàng)建和管理進度條。官網(wǎng)
progressbar.js：用 SVG path 動畫制作的、漂亮和響應(yīng)式的進度條。官網(wǎng)
pace：自動向你的網(wǎng)站添加一個進度條。官網(wǎng)
topbar：小巧漂亮的、與網(wǎng)站同寬的進度指示器。官網(wǎng)
nanobar：非常輕量的進度條。不依賴 jQuery。官網(wǎng)
PageLoadingEffects：使用 SVG 動畫展現(xiàn)新內(nèi)容的現(xiàn)代方式。官網(wǎng)
SpinKit：運用 CSS 動畫的加載指示器集合。官網(wǎng)
Ladda：內(nèi)置在按鈕的加載指示器。官網(wǎng)
css-loaders：運用 CSS 動畫的旋轉(zhuǎn)加載指示器的集合。官網(wǎng)
除了上述這些庫，還有收藏在 Codepen 的，另外還有 Ajaxload，Preloaders 和 CSSLoad 這些生成器。
驗證
Parsley.js：不用寫一行 JavaScript 代碼即可在前端驗證表單。官網(wǎng)
jquery-validation：jQuery 驗證插件。官網(wǎng)
validator.js：字符串驗證和過濾（在使用用戶輸入之前清理用戶輸入中的有害或危險字符的操作）。官網(wǎng)
validate.js：受 CodeIgniter 啟發(fā)的輕量表單驗證 JavaScript 庫。官網(wǎng)
validatr：跨瀏覽器的 HTML5 表單驗證庫。官網(wǎng)
BootstrapValidator：是驗證表單域中最好的 jQuery 插件。要與 Bootstrap 3 一起使用。官網(wǎng)
is.js：檢查類型、正則表達式、是否存在、時間等。官網(wǎng)
FieldVal：多用途驗證庫。同時支持同步和異步驗證。官網(wǎng)
鍵盤封裝器
mousetrap：處理鍵盤快捷鍵的 JavaScript 庫。官網(wǎng)
keymaster：定義和調(diào)度鍵盤快捷鍵的小型庫。官網(wǎng)
Keypress：鍵入捕捉工具庫，任何鍵都可以成為一個修飾健。官網(wǎng)
KeyboardJS：一個用于綁定鍵盤組合的 JavaScript 庫，讓你脫離快捷鍵和快捷鍵組合沖突的痛苦。官網(wǎng)
jquery.hotkeys：jQuery Hotkeys 能讓你在代碼任何的地方監(jiān)聽鍵盤事件，并幾乎支持所有按鍵組合。官網(wǎng)
jwerty：令人驚嘆的鍵盤事件處理庫。官網(wǎng)
瀏覽和引導(dǎo)
intro.js：這是一個介紹新功能的很好方式，能一步步地引導(dǎo)用戶瀏覽你的網(wǎng)站和項目。官網(wǎng)
shepherd：通過引導(dǎo)讓用戶瀏覽你的應(yīng)用程序。官網(wǎng)
bootstrap-tour：應(yīng)用 Twitter Bootstrap 彈出框?qū)Ξa(chǎn)品進行快速簡單的引導(dǎo)。官網(wǎng)
tourist：簡單、靈活的應(yīng)用引導(dǎo)介紹庫。官網(wǎng)
chardin.js：簡單的應(yīng)用遮罩層介紹。官網(wǎng)
pageguide：使用 jQuery 和 CSS3 的 web 頁面元素交互引導(dǎo)庫。官網(wǎng)
hopscotch：讓開發(fā)者更容易向其頁面產(chǎn)品添加引導(dǎo)的框架。官網(wǎng)
joyride：基于 jQuery 的功能引導(dǎo)插件。官網(wǎng)
focusable：通過向頁面其余部分添加遮罩層，使焦點聚集在特定 DOM 元素。官網(wǎng)
通知
messenger：為你的應(yīng)用添加 Growl-style 彈框和信息（Crowl 是 Mac OS X 下的一個通知系統(tǒng)）。官網(wǎng)
noty：jQuery 通知插件。官網(wǎng)
pnotify：適用于 Bootstrap、jQuery UI 和 Web Notifications Draft 的 JavaScript 通知庫。官網(wǎng)
toastr：用來顯示簡單的，會自動到期的信息窗口）簡單的彈出框通知（toast notifications官網(wǎng)
humane-js：一個簡單、時髦的瀏覽器通知系統(tǒng)。官網(wǎng)
smoke.js：與框架無關(guān)的、能夠自定義樣式的 JavaScript 彈框系統(tǒng)。官網(wǎng)
幻燈片
Swiper：使用硬件加速過渡的移動設(shè)備觸控滑塊框架。官網(wǎng)
slick：你所需要的最后一個輪播插件。官網(wǎng)
slidesJs：響應(yīng)式的 jQuery（1.7.1+）幻燈片插件，具有觸摸、 CSS3 過渡等特性。官網(wǎng)
FlexSlider：一款令人驚嘆的、全響應(yīng)式的幻燈片 jQuery 插件。官網(wǎng)
unslider：最簡單的幻燈片 jQuery 插件。官網(wǎng)
colorbox：輕量、可自定義的燈箱 jQuery 插件。官網(wǎng)
fancyBox：提供了良好優(yōu)雅的方式，為頁面上的圖片、html 內(nèi)容和多媒體添加縮放功能的工具。官網(wǎng)
sly：基于項導(dǎo)航的、支持單向滾動的 JavaScript 庫。官網(wǎng)
vegas：向頁面添加漂亮的全屏背景的 jQuery 插件，甚至允許幻燈片。官網(wǎng)
Sequence：用于創(chuàng)建響應(yīng)式的幻燈片、演示、旗幟廣告和以步驟為基礎(chǔ)的應(yīng)用的 CSS 動畫框架。官網(wǎng)
baguetteBox.js：易于使用的、用純 JavaScript 實現(xiàn)的遮罩層腳本。官網(wǎng)
reveal.js：用 HTML 創(chuàng)建漂亮演示控件的框架。官網(wǎng)
PhotoSwipe：適用于移動設(shè)備和桌面電腦的、模塊化和不無依賴框架的 JavaScript 畫廊控件。官網(wǎng)
jcSlider：用 CSS 動畫實現(xiàn)的響應(yīng)式幻燈片 jQuery 插件。官網(wǎng)
basic-jquery-slider：易于使用、指定主題和定制化。官網(wǎng)
unslider： 這是最簡單的幻燈片 jQuery 插件。官網(wǎng)
jQuery.adaptive-slider：帶有自適應(yīng)顏色標(biāo)題和導(dǎo)航的幻燈片 jQuery 插件。官網(wǎng)
slidr：可添加一些幻燈片效果。官網(wǎng)
Flickity：可觸摸的、響應(yīng)式的和可輕彈的畫廊。官網(wǎng)
滑塊控件
Ion.RangeSlider：強大的、易于自定義的范圍滑塊選擇庫，支持很多配置和皮膚。官網(wǎng)
jQRangeSlider：支持日期的滑塊選擇庫。官網(wǎng)
noUiSlider：輕量無冗余的、高度定制化的滑塊選擇庫。官網(wǎng)
rangeslider.js：HTML5  input 區(qū)域滑塊元素。官網(wǎng)
表單組件
輸入
typeahead.js：快速的、功能齊全的自動補全庫。官網(wǎng)
tag-it：處理多標(biāo)簽字段以及標(biāo)簽建議/自動完成的 jQuery UI 插件。官網(wǎng)
At.js：向你的應(yīng)用添加類似 Github 的自動完成提示功能。官網(wǎng)
Placeholders.js：JavaScript 補全 HTML5 占位符的屬性。官網(wǎng)
fancyInput：利用 CSS3 效果讓輸入更有趣。官網(wǎng)
jQuery-Tags-Input：利用這個 jQuery 插件，可奇妙地將一個簡單的文本輸入轉(zhuǎn)換成一個酷酷的標(biāo)簽列表。官網(wǎng)
vanilla-masker：一個純 JavaScript 實現(xiàn)的輸入控制庫。官網(wǎng)
Ion.CheckRadio：一個為復(fù)選框和單選按鈕添加樣式的 jQuery 庫，支持多種皮膚。官網(wǎng)
日歷
pickadate.js：對移動設(shè)備友好的、響應(yīng)式的和輕量的 jQuery 日期 & 時間輸入選擇器。官網(wǎng)
bootstrap-datepicker：基于 bootstrap 的日歷選擇器。官網(wǎng)
Pikaday：一個嶄新的 JavaScript 日期選擇器 —— 輕量、無依賴和模塊化的 CSS。官網(wǎng)
fullcalendar：全尺寸、支持拖放事件的日歷（jQuery 插件）。官網(wǎng)
rome：可定制的日期（和時間）選擇器。無依賴，可選 UI。官網(wǎng)
datedropper： datedropper 是一個 jQuery 插件，它提供了快速簡易的方式去管理日期輸入框。官網(wǎng)
選擇
selectize.js：Selectize 是文本框和選擇框的混合體。它基于jQuery，擁有自動完成和鍵盤感應(yīng)下拉列表功能，可用于標(biāo)簽、聯(lián)系人列表等。官網(wǎng)
select2：它基于 jQuery，是選擇框（select box）的替代品。支持搜索、遠程數(shù)據(jù)集和無限滾動。官網(wǎng)
chosen：可以讓冗長不便的選擇框更友好的庫。官網(wǎng)
文件上傳
jQuery-File-Upload：File Upload 是一個支持多文件選擇、文件拖放、進度條、驗證和圖片、音頻、視頻預(yù)覽的 官網(wǎng)jQuery 插件。
dropzone：Dropzone 是一個易于使用且支持多文件拖放的庫。其支持圖片預(yù)覽并且擁有很好的進度條效果。官網(wǎng)
flow.js：一個通過 HTML5 的 File API ，提供多個同時鏈接的、穩(wěn)定的、容錯的、可恢復(fù)的/可重新開始的文件上傳庫。官網(wǎng)
fine-uploader：一個帶有進度條、拖放功能和支持直接上傳到 S3 （Amazon Simple Storage Service，亞馬遜簡易存儲服務(wù)）的多文件上傳插件。官網(wǎng)
FileAPI：JavaScript 文件工具集合。支持多文件上傳、拖放和文件分塊上傳。對于圖像，支持裁剪、調(diào)整大小和根據(jù) EXIF 自動調(diào)整方向。官網(wǎng)
plupload：處理文件上傳的 JavaScript 官網(wǎng)API，其支持多文件選擇、文件類型過濾、分塊請求、客戶端圖片縮放和根據(jù)不同的運行環(huán)境選擇 HTML5、Silverlight 和 Flash。
其它
form：jQuery 表單插件。官網(wǎng)
Garlic.js：自動在本地保存表單文本和選擇框的值，直到表單被提交。官網(wǎng)
Countable：對某個 HTML 元素包含文本的段落數(shù)、單詞數(shù)和字符數(shù)進行統(tǒng)計的 JavaScript 函數(shù)。官網(wǎng)
card：只需一行代碼，讓信用卡表單變得更友好。官網(wǎng)
stretchy：自適應(yīng)大小的 form 元素，表單本應(yīng)該是這樣的。官網(wǎng)
list.js：向表格、列表等 HTML 元素添加搜索、排序、過濾和自適應(yīng)功能的庫。在已有 HTML 上增加可視化。官網(wǎng)
提示
tipsy：基于 jQuery 的 Fackbook 風(fēng)格的提示工具（tooltip）。官網(wǎng)
opentip：開源且基于 prototype 框架的 JavaScript 工具提示庫。官網(wǎng)
qTip2：非常強大的工具提示庫。官網(wǎng)
tooltipster：一個工具提示 jQuery 插件。官網(wǎng)
simptip：用 Sass 制作的、簡單的工具提示。官網(wǎng)
jquery-popup-overlay：是一個響應(yīng)式的和可訪問性強的模態(tài)框（modal）和工具提示框 jQuery 插件。官網(wǎng)
模態(tài)框和彈出框
Magnific-Popup：專注于性能、輕量、響應(yīng)式的燈箱（lightbox）腳本。官網(wǎng)
jquery-popbox：jQuery 提示框插件。官網(wǎng)
jquery.avgrund.js：一種新的定于彈出的模態(tài)框 jQuery 插件。官網(wǎng)
vex：新的、擁有高度可配置和易于改變樣式功能的對話框庫。官網(wǎng)
bootstrap-modal：對 Bootstrap 默認的模態(tài)框類進行擴展。其支持響應(yīng)式、可堆疊和 ajax 等。官網(wǎng)
css-modal：純 CSS 打造的模態(tài)框。官網(wǎng)
jquery-popup-overlay：是一個響應(yīng)式的和可訪問性強的模態(tài)框和工具提示框（tooltips）jQuery 插件。官網(wǎng)
滾動
scrollMonitor：滾動發(fā)生時，可以監(jiān)聽元素的、簡單、快速的 API。官網(wǎng)
headroom：除非你需要顯示頁面頭部（header），否則將隱藏它，以騰出頁面頭部空間。官網(wǎng)
onepage-scroll：創(chuàng)建一個類似 Apple 的單頁面滾動網(wǎng)站（iPhone 5S  網(wǎng)站）。官網(wǎng)
iscroll：高性能、輕量、無依賴、兼容多平臺的 JavaScript 滾動組件。官網(wǎng)
skrollr：獨立（不依賴 jQuery） 的視差滾動庫，適用于移動設(shè)備（Android + iOS）和桌面電腦。官網(wǎng)
parallax：面向智能設(shè)備的視差引擎。官網(wǎng)
stellar.js：讓視差滾動變簡單。官網(wǎng)
plax：基于 jQuery 的視差庫。官網(wǎng)
jparallax：創(chuàng)建可交互視差效果的 jQuery 插件。官網(wǎng)
fullPage：簡單和易于使用的、用于創(chuàng)建全屏滾動網(wǎng)站的插件（也被稱為單頁面網(wǎng)站）。官網(wǎng)
ScrollMenu：讓老舊無聊的滾動條煥然一新。官網(wǎng)
菜單
jQuery-menu-aim：當(dāng)用戶光標(biāo)放在特定下拉菜單項時觸發(fā)事件?？芍谱黜憫?yīng)式的、大數(shù)據(jù)量的下拉菜單，如 Amazon 的。官網(wǎng)
jQuery contextMenu：右鍵菜單（contextMenu） 管理工具。官網(wǎng)
Slideout：為移動設(shè)備的 web 應(yīng)用制作出響應(yīng)式的、可觸摸滑出的導(dǎo)航菜單。官網(wǎng)
Slide and swipe：一個基于 touchSwipe 庫的滑出菜單插件。官網(wǎng)
表格/柵格
jTable：基于 CRUD 表創(chuàng)建 AJAX 的 jQuery 插件。官網(wǎng)
DataTables：這是一個非常靈活的工具，在漸進增強的基礎(chǔ)上，將高級的交互效果加到 HTML 表格。（jQuery 插件）官網(wǎng) 
floatThead：（jQuery 插件）鎖定表格頭部，只允許表格內(nèi)容滾動。適用于任何表格，而且不需要額外的 html 或 css。官網(wǎng)
Masonry：瀑布流式的網(wǎng)格布局庫。官網(wǎng)
Packery：使用裝箱算法（bin-packing）的網(wǎng)格布局庫。支持拖拽布局。官網(wǎng)
Isotope：可過濾和可排序的網(wǎng)格布局的庫，它能實現(xiàn) Masonry、Packery 等布局。官網(wǎng)
框架
Semantic UI：擁有大量主題和元素的 UI 套件。官網(wǎng)
手勢
hammer.js：擁有多種觸摸手勢的 JavaScript 庫。官網(wǎng)
touchemulator：在桌面電腦模仿觸摸輸入。官網(wǎng)
Dragula：超級易于使用的拖拽庫。官網(wǎng)
地圖
Leaflet：對移動設(shè)備友好的、可交互的地圖 JavaScript 庫。官網(wǎng)
Cesium：開源的、基于 WebGL 實現(xiàn)的虛擬地球儀和地圖引擎。官網(wǎng)
gmaps：以最簡單的方式使用 Google 地圖。官網(wǎng)
polymaps：一個免費的、兼容現(xiàn)代 web 瀏覽器的、用于制作動態(tài)可交互的地圖 JavaScript 庫。官網(wǎng)
kartograph.js：開源的 Kartograph SVG 地圖渲染器。官網(wǎng)
mapbox.js：Mapbox 的 API，Leaflet 的插件。官網(wǎng)
jqvmap：矢量地圖 jQuery 插件。官網(wǎng)
OpenLayers3：高性能的、功能豐富的庫，能滿足你對地圖所有需求。官網(wǎng)
視頻/音頻
prettyembed.js：更完美地嵌入 YouTube —— 擁有很好的選項，如高分辨率的預(yù)覽圖、嵌入選項的高級定制和可選的 官網(wǎng)FitVids 支持。
html5media：能在所有主流瀏覽器播放多媒體標(biāo)簽中定義的多媒體文件。官網(wǎng)
Play-em JS：Play'em 是一個 JavaScript 組件，它能管理音樂/視頻播放順序，通過在一個 DIV 元素里嵌入幾個播放器（Youtube、Soundcloud 和 Vimeo）來控制一系列歌曲的播放。官網(wǎng)
polyplayer：將 YouTube、Soundcloud 和 Vimeo 播放器的 API 統(tǒng)一成一套。官網(wǎng)
flowplayer： HTML5 視頻播放器 官網(wǎng)、Github
mediaelement：讓 HTML5、 Flash 播放器和模仿 HTML5 媒介元素 API 的 Silverlight shim，在所有瀏覽器擁有一致的 UI。官網(wǎng)、Github
SoundJS：讓音頻在 web 上運行更簡單的庫。它為不同瀏覽器提供了一致的 API。官網(wǎng)
動畫
velocity：加速 JavaScript 動畫。官網(wǎng)
jquery.transit：擁有超級流暢的 CSS3 變換和過渡的 jQuery 插件。官網(wǎng)
impess.js：在 HTML 文檔里，運用 CSS3 變換和過渡制作類似 Prezi 的展現(xiàn)效果。官網(wǎng)
bounce.js：可以立刻創(chuàng)建有趣的 CSS3 動畫。官網(wǎng)
GreenSock-JS：適用于所有主流瀏覽器的高性能 HTML5 動畫。官網(wǎng)
TransitionEnd：TransitionEnd 是一個運用 transitonend 事件的、跨瀏覽器的庫。官網(wǎng)
Dynamics.js：用于創(chuàng)建基于物理知識的 CSS 動畫庫。官網(wǎng)
圖片處理
lena.js：擁有濾鏡和實用功能的圖像處理庫。官網(wǎng)
pica：高質(zhì)量地調(diào)整圖片大?。〒碛锌焖俚摹⒓?JS 實現(xiàn)的 Lanczos 濾鏡算法）。官網(wǎng)
cropper：一個簡單的圖像裁剪 jQuery 插件。官網(wǎng)
ECMAScript 6
es6features：ECMAScript 6 特性概述。官網(wǎng)
es6-features：ECMAScript 6:  特性概述和比較。官網(wǎng)
ECMAScript 6 compatibility table ：Compatibility tables 展示了各種平臺上所有 ECMAScript 6 特性的支持程度。官網(wǎng)
Babel (Formerly 6to5)：將 ES6+ 代碼轉(zhuǎn)換成純 ES5。官網(wǎng)
Traceur compiler：ES6 特性轉(zhuǎn) ES5。包括 classes、generators、promises、destructuring 官網(wǎng)patterns、default parameters 等。
軟件開發(fā)工具包(SDK)
javascript-sdk-design：從工作和個人經(jīng)驗中提煉出來的 JavaScript SDK 設(shè)計指導(dǎo)。官網(wǎng)
利器
echo：利用 data-* 屬性延遲加載圖片。官網(wǎng)
picturefill：響應(yīng)式圖片顯示插件，使瀏覽器支持 srcset、size 屬性。官網(wǎng)
platform.js：一個平臺檢測庫，幾乎適用于所有 JavaScript 平臺。官網(wǎng)
json3：一個現(xiàn)代 JSON 實現(xiàn)庫，幾乎兼容所有 JavaScript 平臺。官網(wǎng)
Logical Or Not：一個關(guān)于 JavaScript 特性的游戲。官網(wǎng)
BitSet.js：實現(xiàn)位向量的 JavaScript 庫。官網(wǎng)
精品閱讀
braziljs/js-the-right-way：官網(wǎng)
JSbooks：官網(wǎng)
Superhero.js：關(guān)于創(chuàng)建、測試和維護一個大型 JavaScript 代碼庫的資源集。官網(wǎng)
更多資源
原文： github sorrycc
譯文： https://github.com/rwson/awesome-javascript-cn
翻譯：劉健超、MissNull、一兮、Mr. Somebody、Jason LeeTab_Gre、GavinZhang、shadowkimi520、zhoutk、tzstone、Erichain、chen、ElizabethMa