摘要：轉(zhuǎn)載來(lái)源包管理器管理著庫(kù)，并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個(gè)整合和的最佳思想，使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。

轉(zhuǎn)載來(lái)源：https://github.com/jobbole/aw...

包管理器
管理著 javascript 庫(kù)，并提供讀取和打包它們的工具。
?npm – npm 是 javascript 的包管理器。
?Bower – 一個(gè) web 應(yīng)用的包管理器。
?component – 能構(gòu)建更好 web 應(yīng)用的客戶端包管理器。
?spm – 全新的靜態(tài)包管理器。
?jam – 一個(gè)專注于瀏覽器端和兼容 RequireJS 的包管理器。
?jspm – 流暢的瀏覽器包管理器。
?Ender – 沒有庫(kù)文件的程序庫(kù)。
?volo – 以項(xiàng)目模板、添加依賴項(xiàng)與自動(dòng)化生成的方式創(chuàng)建前端項(xiàng)目。
?Duo – 一個(gè)整合 Component、Browserify 和 Go 的最佳思想，使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。

加載器
JavaScript 的模塊或加載系統(tǒng)。
?RequireJS – JavaScript 文件和模塊的加載器。
?browserify – 在瀏覽器端以 node.js 的方式 require()。
?SeaJS – 用于 Web 的模塊加載器。
?HeadJS – HEAD 的唯一腳本。
?curl – 小巧、快速且易擴(kuò)展的模塊加載器，它能處理 AMD、CommonJS Modules/1.1、CSS、HTML/text 和歷史腳本。
?lazyload – 小巧且無(wú)依賴的異步 JavaScript 和 CSS 加載器。
?script.js – 異步 JavaScript 加載器和依賴管理器。
?systemjs – AMD、CJS（commonJS） 和符合 ES6 規(guī)范的模塊加載器。
?LodJS – 基于 AMD 的模塊加載器。
?ESL – 瀏覽器端的模塊加載器，支持延遲定義和 AMD。
?modulejs – 輕量的 JavaScript 模塊系統(tǒng)。

打包工具
?browserify – Browserify 讓你能在瀏覽器端使用 require("modules’) ，打包所有依賴。
?webpack – 為瀏覽器打包 CommonJs/AMD 模塊。

測(cè)試框架
?mocha – 適用于 node.js 和瀏覽器、簡(jiǎn)易、靈活、有趣的 JavaScript 測(cè)試框架。
?jasmine – 簡(jiǎn)單無(wú) DOM 的 JavaScript 測(cè)試框架。
?qunit – 一個(gè)易于使用的 JavaScript 單元測(cè)試框架。
?jest – 簡(jiǎn)單的 JavaScript 單元測(cè)試框架。
?prova – 基于 Tape 和 Browserify 的測(cè)試運(yùn)行器，它適用于 Node & 瀏覽器。
?DalekJS – 自動(dòng)化且跨瀏覽器的 JavaScript 功能測(cè)試框架。

斷言
?chai – 適用于 node.js 和瀏覽器的 BDD / TDD 斷言框架，并能搭配其它測(cè)試框架使用。
?Sinon.JS – 對(duì) JavaScript 進(jìn)行 spies、stubs 和 mock 測(cè)試。
?expect.js – 簡(jiǎn)約的、適用于 Node.js 和瀏覽器端的 BDD 式斷言工具。

覆蓋率
?istanbul – 另一個(gè) JS 代碼覆蓋率檢測(cè)工具。
?blanket – 一個(gè)簡(jiǎn)單的代碼覆蓋率檢測(cè)庫(kù)。它的設(shè)計(jì)理念是易于安裝和使用，且可用于瀏覽器端和 node.js。
?JSCover – JSCover 是一個(gè)檢測(cè) JavaScript 程序代碼覆蓋率的工具。

運(yùn)行器
?phantomjs – 腳本化的 Headless WebKit。
?slimerjs – 一個(gè)內(nèi)核為 Gecko 的類似 PhantomJS 工具。
?casperjs – 基于 PhantomJS 和 Slimer JS 的導(dǎo)航腳本和測(cè)試工具。
?zombie – 基于 node.js 、快速、全棧且無(wú)圖形界面的瀏覽器的測(cè)試工具。
?totoro – 一個(gè)簡(jiǎn)單可靠且能跨瀏覽器運(yùn)行的測(cè)試工具。
?karma – 一個(gè)優(yōu)秀的的 JavaScript 測(cè)試運(yùn)行器。
?nightwatch – 基于 node.js 和 selenium webdriver 的圖形界面自動(dòng)化測(cè)試框架。
?intern – 下一代 JavaScript 代碼測(cè)試棧。
?yolpo – 在瀏覽器逐句執(zhí)行的 JavaScript 解釋器。

QA 工具
?JSHint – JSHint 是一個(gè)有助于發(fā)現(xiàn) JavaScript 代碼錯(cuò)誤和潛在問(wèn)題的工具。
?jscs – JavaScript 代碼風(fēng)格檢測(cè)工具。
?jsfmt – 格式化、搜索和改寫 JavaScript。
?jsinspect – 檢測(cè)復(fù)制粘貼和結(jié)構(gòu)類似的代碼。
?buddy.js – 發(fā)現(xiàn) JavaScript 代碼里的 魔術(shù)數(shù)字。
?ESLint – 完全插件化的工具，能在 JavaScript 中識(shí)別和記錄模式。
?JSLint – 高標(biāo)準(zhǔn)、嚴(yán)格和固執(zhí)的代碼質(zhì)量工具，旨在只保持語(yǔ)言的優(yōu)良部分。

MVC 框架和庫(kù)
?angular.js – 為網(wǎng)絡(luò)應(yīng)用增強(qiáng) HTML。
?aurelia – 一個(gè)適用于移動(dòng)設(shè)備、桌面電腦和 web 的客戶端 JavaScript 框架。
?backbone – 給你的 JS 應(yīng)用加入帶有 Models、Views、Collections 和 Events 的 Backbone。
?batman.js – 最適合 Rails 開發(fā)者的 JavaScript 框架。
?ember.js – 一個(gè)旨在創(chuàng)建非凡 web 應(yīng)用的 JavaScript 框架。
?meteor – 一個(gè)超簡(jiǎn)單的、數(shù)據(jù)庫(kù)無(wú)處不在的、只傳輸數(shù)據(jù)的純 JavaScript web 框架。
?ractive – 新一代 DOM 操作。
?vue – 一個(gè)用于構(gòu)建可交互界面的、直觀快速和可組合的 MVVM 框架。
?knockout – Knockout 用 JavaScript 讓創(chuàng)建響應(yīng)式的富 UI 更加容易。
?spine – 構(gòu)建 JavaScript 應(yīng)用的輕量 MVC 庫(kù)。
?espresso.js – 一個(gè)極小的、用于制作用戶界面的 JavaScript 庫(kù)。
?canjs – 讓 JS 更好、更快、更簡(jiǎn)單。
?react – 用于建構(gòu)用戶界面的庫(kù)。它是聲明式的、高效的和極度靈活的，并使用虛擬 DOM 作為其不同的實(shí)現(xiàn)。
?react-native – 一個(gè)用 React 構(gòu)建原生應(yīng)用的框架。
?riot – 類 React 庫(kù)，但很輕量。
?thorax – 加強(qiáng)你的 Backbone。
?chaplin – 使用 Backbone.js 庫(kù)的 JavaScript 應(yīng)用架構(gòu)。
?marionette – 一個(gè) Backbone.js 的復(fù)合應(yīng)用程序庫(kù)，旨在簡(jiǎn)化大型 JavaScript 應(yīng)用結(jié)構(gòu)。
?ripple – 一個(gè)小巧的、用于構(gòu)建響應(yīng)界面的基礎(chǔ)框架。
?rivets – 輕量卻擁有強(qiáng)大的數(shù)據(jù)綁定和模板解決方案
?derby – 讓編寫實(shí)時(shí)和協(xié)同應(yīng)用更簡(jiǎn)單的 MVC 框架，能夠在 Node.js 和瀏覽器同時(shí)運(yùn)行。 ?derby-awesome – 很棒的 derby 組件集合。

?way.js – 簡(jiǎn)單、輕量、持久化的雙向數(shù)據(jù)綁定。
?mithril.js – Mithril 是一個(gè)客戶端 MVC 框架（輕量、強(qiáng)大和快速）
?jsblocks – jsblocks 是一個(gè)更好的 MV-ish 框架。
?LiquidLava – 易懂的、用于構(gòu)建用戶界面的 MVC 框架。

Node CMS 框架
?KeystoneJS – 強(qiáng)大的 CMS 和 web 應(yīng)用框架。
?Reaction Commerce – 擁有實(shí)時(shí)的架構(gòu)和設(shè)計(jì)的響應(yīng)式（reactive） CMS。
?Ghost – 簡(jiǎn)單、強(qiáng)大的發(fā)布平臺(tái)。
?Apostrophe – 提供內(nèi)容編輯和基本服務(wù)的 CMS。
?We.js – 適用于實(shí)時(shí)應(yīng)用、網(wǎng)站或博客的框架。
?Hatch.js – 擁有社交特性的 CMS 平臺(tái)。
?TaracotJS – 擁有快速、極簡(jiǎn)風(fēng)格特點(diǎn)且基于Node.js 的 CMS。
?Nodizecms – 為 CoffeeScript 愛好者準(zhǔn)備的 CMS。
?Cody – 擁有所見即所得的編輯器的 CMS。
?PencilBlue – CMS 和博客平臺(tái)。

模板引擎
模板引擎允許您執(zhí)行字符串插值。
?mustache.js – 是 JavaScript 中帶有 {{mustaches}} 的最簡(jiǎn)模板。
?handlebars.js – 是 Mustache 模板語(yǔ)言的擴(kuò)展。
?hogan.js – 是 Mustache 模板語(yǔ)言的編譯器。
?doT – 最快速簡(jiǎn)潔的 JavaScript 模板引擎，適用于 nodejs 和瀏覽器。
?dustjs – 適用于瀏覽器和 node.js 的異步模板。
?eco – 嵌入式的 CoffeeScript 模板。
?JavaScript-Templates – 輕量（小于 1KB）、快速且無(wú)依賴的強(qiáng)大 JavaScript 模版引擎。
?t.js – 小巧的 JavaScript 模板框架，壓縮后約為 400 字節(jié)。
?Jade – 健壯的、優(yōu)雅且功能豐富的 nodejs 模板引擎。
?EJS – 高效的 JavaScript 模板。
?xtemplate – 可擴(kuò)展的模板引擎，適用于 node 和瀏覽器。
?marko – 快速輕量且基于 HTML 的模板引擎，支持異步、流、自定義標(biāo)簽和 CommonJS 模編譯后輸出。適用于 Node.js 和瀏覽器。

文章和帖子
?The JavaScript that you should know – 關(guān)于 JavaScript 函數(shù)化概念的文章。

數(shù)據(jù)可視化
Web 數(shù)據(jù)可視化工具
?d3 – 一個(gè)對(duì) HTML 和 SVG 進(jìn)行可視化的 JavaScript 庫(kù)。
?metrics-graphics – 更簡(jiǎn)潔和擁有更規(guī)范的數(shù)據(jù)圖表布局優(yōu)化算法的庫(kù)。
?pykcharts.js – 經(jīng)過(guò)精心設(shè)計(jì)后，去除 d3.js 復(fù)雜性的 d3.js 圖表庫(kù)。
?three.js – JavaScript 3D 庫(kù)。
?Chart.js – 簡(jiǎn)單的、基于 canvas 標(biāo)簽的 HTML5 圖表庫(kù)。
?paper.js – 是矢量圖形腳本中的瑞士軍刀 —— 使用 HTML5 Canvas 將 Scriptographer 移植到 JavaScript 和瀏覽器。
?fabric.js – JavaScript Canvas 庫(kù)，SVG 與 Canvas 可以相互解析。
?peity – 進(jìn)度條、線狀和餅狀圖。
?raphael – JavaScript 矢量庫(kù)。
?echarts – 商業(yè)產(chǎn)品圖表。
?vis – 動(dòng)態(tài)的、基于瀏覽器的可視化庫(kù)。
?two.js – 一個(gè)渲染器無(wú)關(guān)的適用于 web 的二維繪圖 api 。
?g.raphael – 基于 Rapha?l 圖表庫(kù)。
?sigma.js – 一個(gè)致力于圖形繪畫的 JavaScript 庫(kù)。
?arbor – 一個(gè)使用 web workers 和 jQuery 的圖形可視化庫(kù)。
?cubism – 可視化時(shí)間序列的 D3 插件。
?dc.js – 與 crossfilter 無(wú)縫合作的多維圖表繪制庫(kù)，使用 d3.js 渲染。
?vega – 一套可視化語(yǔ)法。
?processing.js – Processing.js 基于 Web 標(biāo)準(zhǔn)使數(shù)據(jù)可視化，而無(wú)需任何插件。
?envisionjs – 動(dòng)態(tài)的 HTML5 可視化。
?rickshaw – 用于構(gòu)建交互式實(shí)時(shí)圖表的 JavaScript 工具包。
?flot – 吸引人的、基于 jQuery 的 JavaScript 圖表庫(kù)。
?morris.js – 漂亮的時(shí)間序列線框圖。
?nvd3 – 一個(gè)為 D3.js 構(gòu)建可復(fù)用圖表和圖表組件的庫(kù)。
?svg.js – 一個(gè)輕量的、用于操作和添加 SVG 動(dòng)畫的庫(kù)。
?heatmap.js – 基于 HTML5 canvas 的熱力圖 JavaScript 庫(kù)。
?jquery.sparkline – 一個(gè)直接在瀏覽器端生成小型走勢(shì)圖的 jQuery 插件。
?xCharts – 一個(gè)基于 D3、用于構(gòu)建自定義圖表和圖形的庫(kù)。
?trianglify – 基于 d3.js 的低多邊形（low poly）風(fēng)格背景圖片生成器。
?d3-cloud – 創(chuàng)建詞云（word cloud）效果的 JavaScript 庫(kù)。
?d4 – 一個(gè)基于 D3 、友好、可復(fù)用的 DSL 圖表庫(kù) 。
?dimple.js – 基于 d3 的簡(jiǎn)易商業(yè)分析圖表庫(kù)。
?chartist-js – 簡(jiǎn)單的響應(yīng)式圖表。
?epoch – 一個(gè)通用的實(shí)時(shí)圖表庫(kù)。
?c3 – 基于 D3 的可復(fù)用圖表庫(kù)。
?BabylonJS – 一個(gè)運(yùn)用 HTML5 和 WebGL 構(gòu)建 3D 游戲的框架。

也有一些很棒的收費(fèi)庫(kù)，如 amchart、plotly 和 highchart。

時(shí)間軸
?TimelineJS – 一個(gè)用 JavaScript 編寫的可敘事時(shí)間軸庫(kù)。
?timesheet.js – 用于構(gòu)建簡(jiǎn)單的 HTML5 & CSS3 時(shí)間表的 JavaScript 庫(kù)。

編輯器
?ace – Ace（Ajax.org Cloud9 Editor）。
?CodeMirror – 瀏覽器端的代碼編輯器。
?esprima – 用于綜合分析的 ECMAScript 解析器。
?quill – 一個(gè)帶有 API 的跨瀏覽器富文本編輯器。
?medium-editor – Medium.com 所見即所得編輯器的克隆版。
?pen – 享受在線編輯（支持 markdown）。
?jquery-notebook – 一個(gè)易用的、簡(jiǎn)潔優(yōu)雅的文本編輯器。靈感來(lái)源于 Medium 的魅力。
?bootstrap-wysiwyg – 小巧的、兼容 bootstrap 的所見即所得的富文本編輯器。
?ckeditor-releases – 適用于每個(gè)人的 web 文本編輯器。
?editor – 一個(gè) markdown 編輯器，但仍在開發(fā)中。
?EpicEditor – 一個(gè)可嵌入的 JavaScript Markdown 的編輯器，擁有全屏編輯、即時(shí)預(yù)覽、自動(dòng)保存草稿和離線支持等功能。
?jsoneditor – 查看、編輯和格式化 JSON 的 web 工具。
?vim.js – 擁有持久化 ~/.vimrc 的 Vim 編輯器的 JavaScript 移植版本。
?Squire – HTML5 富文本編輯器。
?TinyMCE – JavaScript 富文本編輯器。
?trix – 由 Basecamp 制作，適用于每天寫作的富文本編輯器。

文件
處理文件的庫(kù)。
?Papa Parse – 一款強(qiáng)大的 CSV 庫(kù)，支持解析 CSV 文件/字符串，也能導(dǎo)出 CSV。
?jBinary – 對(duì)用聲明式語(yǔ)法描述文件類型和數(shù)據(jù)結(jié)構(gòu)的二進(jìn)制文件，進(jìn)行高級(jí) I/O（加載、解析、操作、序列化、存儲(chǔ)）操作。

函數(shù)式編程
函數(shù)式編程庫(kù)擴(kuò)展了 JavaScript 的能力。
?underscore – JavaScript 的實(shí)用工具。
?lodash – 提供一致性、可定制、高性能和額外功能的實(shí)用庫(kù)。
?Sugar – 一個(gè)擴(kuò)展了原生對(duì)象功能的 JavaScript 庫(kù)。
?lazy.js – 類似 Underscore，但性能更優(yōu)越
?ramda – 一個(gè)針對(duì) JavaScript 程序員的實(shí)用函數(shù)庫(kù)。
?mout – 模塊化的 JavaScript 工具庫(kù)。
?mesh – 流數(shù)據(jù)同步工具。

響應(yīng)式編程
響應(yīng)式程序庫(kù)擴(kuò)展了 JavaScript 的能力。
?RxJs – 對(duì) JavaScript 進(jìn)行響應(yīng)式擴(kuò)展。
?Bacon – JavaScript 的 FPR（函數(shù)式響應(yīng)式編程）庫(kù)。
?Kefir – 受 Bacon.js 和 RxJS 啟發(fā)的 FRP 庫(kù)，專注于高性能和低內(nèi)存消耗。
?Highland – 對(duì) JavaScript 實(shí)用工具的重新思考，Highland 能輕易地管理同步和異步信息，而且僅使用標(biāo)準(zhǔn) JavaScript 和類 Node 流。
?Most.js – 高性能 FRP 庫(kù)。

數(shù)據(jù)結(jié)構(gòu)
數(shù)據(jù)結(jié)構(gòu)庫(kù)用于構(gòu)建一個(gè)更復(fù)雜的應(yīng)用。
?immutable-js – 不可變的數(shù)據(jù)集合，包括 Sequence、Range、Repeat、Map、OrderedMap、Set 和 sparse Vector。
?mori – 使用 ClojureScript 持久化數(shù)據(jù)結(jié)構(gòu)和支持原生 JavaScript API 的庫(kù)。
?buckets – 完整的、經(jīng)過(guò)充分測(cè)試和記錄數(shù)據(jù)結(jié)構(gòu)的 JavaScript 庫(kù)。
?hashmap – 簡(jiǎn)單的 hashmap 實(shí)現(xiàn)，支持任何類型的鍵值。

日期
日期庫(kù)。
?moment – 解析、驗(yàn)證、操作和顯示日期。
?moment-timezone – 基于 moment.js 的時(shí)區(qū)庫(kù)。
?jquery-timeago – 一款支持自動(dòng)更新模糊時(shí)間戳的 jQuery 插件（如：”4 分鐘之前”）。
?timezone-js – 讓 JavaScript Date 對(duì)象擁有時(shí)區(qū)功能。使用 Olson zoneinfo 文件記錄著時(shí)區(qū)數(shù)據(jù)。
?date – 擁有人性化的 Date() 方法。
?ms.js – 小巧的毫秒轉(zhuǎn)換工具。

字符串
字符串庫(kù)。
?selecting – 一個(gè)允許你獲取用戶選定文本的庫(kù)。
?underscore.string – 擴(kuò)展了 Underscore.js 的字符串操作。
?string.js – 額外的 JavaScript 字符串方法。
?he – 健壯的 HTML 實(shí)體編碼/解碼器。
?multiline – 多行字符串。
?query-string – 解析和字符串化 URL 查詢字符串。
?URI.js – URL 操作庫(kù)。
?jsurl – 輕量的 URL 操作庫(kù)。
?sprintf.js – 實(shí)現(xiàn)字符串格式化。
?url-pattern – 讓 url 和其它字符串進(jìn)行比正則表達(dá)式匹配更簡(jiǎn)單。字符串和數(shù)據(jù)可相互轉(zhuǎn)化。

數(shù)字
?Numeral-js – 對(duì)數(shù)字進(jìn)行格式化和操作的庫(kù)。
?odometer – 流暢的數(shù)字過(guò)渡效果。
?accounting.js – 對(duì)數(shù)字、金錢、貨幣進(jìn)行格式化的輕量庫(kù)——完全本地化和無(wú)依賴。
?money.js – 一個(gè)小巧（1kb）的貨幣轉(zhuǎn)換庫(kù)，適用于 web 和 nodeJS。
?Fraction.js – 一個(gè)有理數(shù)庫(kù)。
?Complex.js – 一個(gè)復(fù)數(shù)庫(kù)。
?Polynomial.js – 一個(gè)多項(xiàng)式庫(kù)。

存儲(chǔ)
?store.js – 為所有瀏覽器封裝了 LocalStorage，而沒有使用 cookies 和 flash。隱秘地使用 localStorage、globalStorage 和用戶數(shù)據(jù)。
?localForage – 改善后的離線存儲(chǔ)。其封裝了 IndexedDB、WebSQL 和 localStorage，擁有操作簡(jiǎn)單和強(qiáng)大的 API。
?jStorage – jStorage 是一個(gè)簡(jiǎn)單的鍵值對(duì)數(shù)據(jù)庫(kù)，用于在瀏覽器端存儲(chǔ)數(shù)據(jù)。
?cross-storage – 獲得權(quán)限后，能跨域名本地存儲(chǔ)。
?basket.js – 用 localStorage 加載和緩存腳本的資源加載器。
?bag.js – 可以緩存腳本和加載資源，與 basket.js 相似，但增加了鍵值對(duì)接口和對(duì) localStorage / websql / undexedDB 的支持。
?basil.js – 智能的 JavaScript 數(shù)據(jù)持久層庫(kù)。
?jquery-cookie – 輕量簡(jiǎn)單的、用于讀取、編輯和刪除 cookie 的 jQuery 插件。
?Cookies – 客戶端 Cookie 操作庫(kù)。
?DB.js – 基于 Promise 的、封裝了 IndexDB 的庫(kù)。
?lawnchair.js – 簡(jiǎn)單的客戶端 JSON 存儲(chǔ)。

顏色
?randomColor – JavaScript 顏色生成器。
?chroma.js – 擁有各種各樣顏色操作的 JavaScript 庫(kù)。
?color – JavaScript 顏色轉(zhuǎn)換和操作庫(kù)。
?colors – 更智能的默認(rèn) web 顏色。
?PleaseJS – 隨機(jī)創(chuàng)建出賞心悅目的顏色和配色方案。
?TinyColor – 快速、輕巧的顏色操作和轉(zhuǎn)換庫(kù)。
?Vibrant.js – 從圖像提取主要顏色。

國(guó)際化和本地化（I18n And L10n）

本地化和國(guó)際化 JavaScript 庫(kù)
?i18next – JavaScript 最簡(jiǎn)單的國(guó)際化（i18n）方法。
?polyglot – 小巧的國(guó)際化助手庫(kù)。
?babelfish – i18n 提供友好易懂的 API ，并且內(nèi)置多種支持。

類
?ClassManager – 世界上最快、最方便的類系統(tǒng)之一。
?klass – 用于創(chuàng)建極富表現(xiàn)力的類工具庫(kù)。
?augment – 世界上最小且最快的一流 JavaScript 繼承模式。

控制流
?async – 適用于 node 和瀏覽器的異步工具庫(kù)。
?q – 實(shí)現(xiàn)異步的 promise JavaScript 庫(kù)。
?step – 讓邏輯順序合理化的異步控制流庫(kù)。
?contra – 利用函數(shù)風(fēng)格實(shí)現(xiàn)的異步流控制。
?Bluebird – 專注于革新功能和性能的，功能齊全的 promoise 庫(kù)。
?when – 快速可靠的、Promises/A+ 規(guī)范的 when() 實(shí)現(xiàn)，而且擁有異步其它的優(yōu)秀特性。
?ObjectEventTarget – 提供增加了事件監(jiān)聽的原型（與 DOMElement 的 EventTarget 在瀏覽器行為一致）。

路由
?director – 一個(gè)小巧的、與 URL 同構(gòu)的路由器。
?page.js – 受 Express router 啟發(fā)的小型客戶端路由器（約為1200字節(jié)）。
?pathjs – 簡(jiǎn)單、輕量的 web 路由器。
?crossroads – JavaScript 路由。
?davis.js – 使用 pushState、RESTful 風(fēng)格和可降級(jí)的 JavaScript 路由器。

安全性
?DOMPurify – 針對(duì) HTML、MathML 和 SVG 的僅支持DOM、快速、高容錯(cuò)的 XSS 過(guò)濾器。
?js-xss – 通過(guò)白名單配置，即可過(guò)濾不信任的 HTML（防止 XSS 攻擊）。

日志
?log – 帶有樣式的 Console.log。
?Conzole – 對(duì) JavaScript 原生 console 對(duì)象方法和功能進(jìn)行封裝的 debug 面板，使其顯示在頁(yè)面內(nèi)。
?console.log-wrapper – 將日志清晰地記錄到 console，且兼容所有瀏覽器。
?loglevel – 最輕量的 JavaScript 日志記錄工具庫(kù)，向封裝后可用的 console.log 方法增加可靠的日志等級(jí)。
?minilog – 輕量的、用流式 API 顯示的、可用于客戶端和服務(wù)器端的日志記錄庫(kù)。

正則表達(dá)式
?RegEx101 – 在線的 JavaScript 正則表達(dá)式測(cè)試器和調(diào)試器。同時(shí)支持 Python、PHP 和 PCRE。
?RegExr – 用于創(chuàng)建、測(cè)試和學(xué)習(xí)正則表達(dá)式的 HTML/JS 工具。
?RegExpBuilder – 使用鏈?zhǔn)椒椒▌?chuàng)建正則表達(dá)式。

媒體
?Ion.Sound – 可用于任何網(wǎng)頁(yè)上簡(jiǎn)單音頻。

語(yǔ)音命令
?annyang – 向網(wǎng)站添加語(yǔ)音命令的語(yǔ)音識(shí)別庫(kù)。
?voix.js – 向網(wǎng)站、app 或游戲添加語(yǔ)音命令的 JavaScript 庫(kù)。

API
?bottleneck – 強(qiáng)大的頻率限制器，使調(diào)節(jié)流量變得更容易。
?oauth-signature-js – 適用于 node 和 瀏覽器的 OAuth 1.0a 簽名生成器。
?amygdala – 為 Web 應(yīng)用提供 RESTful HTTP 客戶端解決方案。
?jquery.rest – 一個(gè)讓 RESTful API 更易使用的 jQuery 插件。

視覺檢測(cè)
?tracking.js – 在 web 上實(shí)現(xiàn)計(jì)算視覺的一種現(xiàn)代方法。
?ocrad.js – 通過(guò) Emscripten 用 JavaScript 實(shí)現(xiàn) OCR（光學(xué)字符識(shí)別）。

瀏覽器檢測(cè)
?bowser – 一個(gè)瀏覽器檢測(cè)器。

代碼高亮
?Highlight.js – JavaScript 語(yǔ)法高亮器。
?PrismJS – 輕量、健壯和優(yōu)雅的語(yǔ)法高亮器。

加載狀態(tài)

指示加載狀態(tài)的庫(kù)。
?Mprogress.js – 創(chuàng)建谷歌 Material 設(shè)計(jì)風(fēng)格的線性進(jìn)度條。
?NProgress – 在 Ajax’y 應(yīng)用顯示細(xì)長(zhǎng)型進(jìn)度條
?Spin.js – 一個(gè)旋轉(zhuǎn)的進(jìn)度指示器。
?progress.js – 為頁(yè)面任何對(duì)象創(chuàng)建和管理進(jìn)度條。
?progressbar.js – 用 SVG path 動(dòng)畫制作的、漂亮和響應(yīng)式的進(jìn)度條。
?pace – 自動(dòng)向你的網(wǎng)站添加一個(gè)進(jìn)度條。
?topbar – 小巧漂亮的、與網(wǎng)站同寬的進(jìn)度指示器。
?nanobar – 非常輕量的進(jìn)度條。不依賴 jQuery。
?PageLoadingEffects – 使用 SVG 動(dòng)畫展現(xiàn)新內(nèi)容的現(xiàn)代方式。
?SpinKit – 運(yùn)用 CSS 動(dòng)畫的加載指示器集合。
?Ladda – 內(nèi)置在按鈕的加載指示器。
?css-loaders – 運(yùn)用 CSS 動(dòng)畫的旋轉(zhuǎn)加載指示器的集合。

除了上述這些庫(kù)，還有收藏在 Codepen 的，另外還有 Ajaxload，Preloaders 和 CSSLoad 這些生成器。

驗(yàn)證
?Parsley.js – 不用寫一行 JavaScript 代碼即可在前端驗(yàn)證表單。
?jquery-validation – jQuery 驗(yàn)證插件。
?validator.js – 字符串驗(yàn)證和過(guò)濾（在使用用戶輸入之前清理用戶輸入中的有害或危險(xiǎn)字符的操作）。
?validate.js – 受 CodeIgniter 啟發(fā)的輕量表單驗(yàn)證 JavaScript 庫(kù)。
?validatr – 跨瀏覽器的 HTML5 表單驗(yàn)證庫(kù)。
?BootstrapValidator – 是驗(yàn)證表單域中最好的 jQuery 插件。要與 Bootstrap 3 一起使用。
?is.js – 檢查類型、正則表達(dá)式、是否存在、時(shí)間等。
?FieldVal – 多用途驗(yàn)證庫(kù)。同時(shí)支持同步和異步驗(yàn)證。

鍵盤封裝器
?mousetrap – 處理鍵盤快捷鍵的 JavaScript 庫(kù)。
?keymaster – 定義和調(diào)度鍵盤快捷鍵的小型庫(kù)。
?Keypress – 鍵入捕捉工具庫(kù)，任何鍵都可以成為一個(gè)修飾健。
?KeyboardJS – 一個(gè)用于綁定鍵盤組合的 JavaScript 庫(kù)，讓你脫離快捷鍵和快捷鍵組合沖突的痛苦。
?jquery.hotkeys – jQuery Hotkeys 能讓你在代碼任何的地方監(jiān)聽鍵盤事件，并幾乎支持所有按鍵組合。
?jwerty – 令人驚嘆的鍵盤事件處理庫(kù)。

瀏覽和引導(dǎo)
?intro.js – 這是一個(gè)介紹新功能的很好方式，能一步步地引導(dǎo)用戶瀏覽你的網(wǎng)站和項(xiàng)目。
?shepherd – 通過(guò)引導(dǎo)讓用戶瀏覽你的應(yīng)用程序。
?bootstrap-tour – 應(yīng)用 Twitter Bootstrap 彈出框?qū)Ξa(chǎn)品進(jìn)行快速簡(jiǎn)單的引導(dǎo)。
?tourist – 簡(jiǎn)單、靈活的應(yīng)用引導(dǎo)介紹庫(kù)。
?chardin.js – 簡(jiǎn)單的應(yīng)用遮罩層介紹。
?pageguide – 使用 jQuery 和 CSS3 的 web 頁(yè)面元素交互引導(dǎo)庫(kù)。
?hopscotch – 讓開發(fā)者更容易向其頁(yè)面產(chǎn)品添加引導(dǎo)的框架。
?joyride – 基于 jQuery 的功能引導(dǎo)插件。
?focusable – 通過(guò)向頁(yè)面其余部分添加遮罩層，使焦點(diǎn)聚集在特定 DOM 元素。

通知
?messenger – 為你的應(yīng)用添加 Growl-style 彈框和信息（Crowl 是 Mac OS X 下的一個(gè)通知系統(tǒng)）。
?noty – jQuery 通知插件。
?pnotify – 適用于 Bootstrap、jQuery UI 和 Web Notifications Draft 的 JavaScript 通知庫(kù)。
?toastr – 簡(jiǎn)單的彈出框通知（toast notifications：用來(lái)顯示簡(jiǎn)單的，會(huì)自動(dòng)到期的信息窗口）。
?humane-js – 一個(gè)簡(jiǎn)單、時(shí)髦的瀏覽器通知系統(tǒng)。
?smoke.js – 與框架無(wú)關(guān)的、能夠自定義樣式的 JavaScript 彈框系統(tǒng)。

幻燈片
?Swiper – 使用硬件加速過(guò)渡的移動(dòng)設(shè)備觸控滑塊框架。
?slick – 你所需要的最后一個(gè)輪播插件。
?slidesJs – 響應(yīng)式的 jQuery（1.7.1+）幻燈片插件，具有觸摸、 CSS3 過(guò)渡等特性。
?FlexSlider – 一款令人驚嘆的、全響應(yīng)式的幻燈片 jQuery 插件。
?unslider – 最簡(jiǎn)單的幻燈片 jQuery 插件。
?colorbox – 輕量、可自定義的燈箱 jQuery 插件。
?fancyBox – 提供了良好優(yōu)雅的方式，為頁(yè)面上的圖片、html 內(nèi)容和多媒體添加縮放功能的工具。
?sly – 基于項(xiàng)導(dǎo)航的、支持單向滾動(dòng)的 JavaScript 庫(kù)。
?vegas – 向頁(yè)面添加漂亮的全屏背景的 jQuery 插件，甚至允許幻燈片。
?Sequence – 用于創(chuàng)建響應(yīng)式的幻燈片、演示、旗幟廣告和以步驟為基礎(chǔ)的應(yīng)用的 CSS 動(dòng)畫框架。
?baguetteBox.js – 易于使用的、用純 JavaScript 實(shí)現(xiàn)的遮罩層腳本。
?reveal.js – 用 HTML 創(chuàng)建漂亮演示控件的框架。
?PhotoSwipe – 適用于移動(dòng)設(shè)備和桌面電腦的、模塊化和不無(wú)依賴框架的 JavaScript 畫廊控件。
?jcSlider – 用 CSS 動(dòng)畫實(shí)現(xiàn)的響應(yīng)式幻燈片 jQuery 插件。
?basic-jquery-slider – 易于使用、指定主題和定制化。
?unslider – 這是最簡(jiǎn)單的幻燈片 jQuery 插件。
?jQuery.adaptive-slider – 帶有自適應(yīng)顏色標(biāo)題和導(dǎo)航的幻燈片 jQuery 插件。
?slidr – 可添加一些幻燈片效果。
?Flickity – 可觸摸的、響應(yīng)式的和可輕彈的畫廊。

滑塊控件
?Ion.RangeSlider – 強(qiáng)大的、易于自定義的范圍滑塊選擇庫(kù)，支持很多配置和皮膚。
?jQRangeSlider – 支持日期的滑塊選擇庫(kù)。
?noUiSlider – 輕量無(wú)冗余的、高度定制化的滑塊選擇庫(kù)。
?rangeslider.js – HTML5 input 區(qū)域滑塊元素。

表單組件

輸入
?typeahead.js – 快速的、功能齊全的自動(dòng)補(bǔ)全庫(kù)。
?tag-it – 處理多標(biāo)簽字段以及標(biāo)簽建議/自動(dòng)完成的 jQuery UI 插件。
?At.js – 向你的應(yīng)用添加類似 Github 的自動(dòng)完成提示功能。
?Placeholders.js – JavaScript 補(bǔ)全 HTML5 占位符的屬性。
?fancyInput – 利用 CSS3 效果讓輸入更有趣。
?jQuery-Tags-Input – 利用這個(gè) jQuery 插件，可奇妙地將一個(gè)簡(jiǎn)單的文本輸入轉(zhuǎn)換成一個(gè)酷酷的標(biāo)簽列表。
?vanilla-masker – 一個(gè)純 JavaScript 實(shí)現(xiàn)的輸入控制庫(kù)。
?Ion.CheckRadio – 一個(gè)為復(fù)選框和單選按鈕添加樣式的 jQuery 庫(kù)，支持多種皮膚。

日歷
?pickadate.js – 對(duì)移動(dòng)設(shè)備友好的、響應(yīng)式的和輕量的 jQuery 日期 & 時(shí)間輸入選擇器。
?bootstrap-datepicker – 基于 bootstrap 的日歷選擇器。
?Pikaday – 一個(gè)嶄新的 JavaScript 日期選擇器 —— 輕量、無(wú)依賴和模塊化的 CSS。
?fullcalendar – 全尺寸、支持拖放事件的日歷（jQuery 插件）。
?rome – 可定制的日期（和時(shí)間）選擇器。無(wú)依賴，可選 UI。
?datedropper – datedropper 是一個(gè) jQuery 插件，它提供了快速簡(jiǎn)易的方式去管理日期輸入框。

選擇
?selectize.js – Selectize 是文本框和選擇框的混合體。它基于jQuery，擁有自動(dòng)完成和鍵盤感應(yīng)下拉列表功能，可用于標(biāo)簽、聯(lián)系人列表等。
?select2 – 它基于 jQuery，是選擇框（select box）的替代品。支持搜索、遠(yuǎn)程數(shù)據(jù)集和無(wú)限滾動(dòng)。
?chosen – 可以讓冗長(zhǎng)不便的選擇框更友好的庫(kù)。

文件上傳
?jQuery-File-Upload – File Upload 是一個(gè)支持多文件選擇、文件拖放、進(jìn)度條、驗(yàn)證和圖片、音頻、視頻預(yù)覽的 jQuery 插件。
?dropzone – Dropzone 是一個(gè)易于使用且支持多文件拖放的庫(kù)。其支持圖片預(yù)覽并且擁有很好的進(jìn)度條效果。
?flow.js – 一個(gè)通過(guò) HTML5 的 File API ，提供多個(gè)同時(shí)鏈接的、穩(wěn)定的、容錯(cuò)的、可恢復(fù)的/可重新開始的文件上傳庫(kù)。
?fine-uploader – 一個(gè)帶有進(jìn)度條、拖放功能和支持直接上傳到 S3 （Amazon Simple Storage Service，亞馬遜簡(jiǎn)易存儲(chǔ)服務(wù)）的多文件上傳插件。
?FileAPI – JavaScript 文件工具集合。支持多文件上傳、拖放和文件分塊上傳。對(duì)于圖像，支持裁剪、調(diào)整大小和根據(jù) EXIF 自動(dòng)調(diào)整方向。
?plupload – 處理文件上傳的 JavaScript API，其支持多文件選擇、文件類型過(guò)濾、分塊請(qǐng)求、客戶端圖片縮放和根據(jù)不同的運(yùn)行環(huán)境選擇 HTML5、Silverlight 和 Flash。

其它
?form – jQuery 表單插件。
?Garlic.js – 自動(dòng)在本地保存表單文本和選擇框的值，直到表單被提交。
?Countable – 對(duì)某個(gè) HTML 元素包含文本的段落數(shù)、單詞數(shù)和字符數(shù)進(jìn)行統(tǒng)計(jì)的 JavaScript 函數(shù)。
?card – 只需一行代碼，讓信用卡表單變得更友好。
?stretchy – 自適應(yīng)大小的 form 元素，表單本應(yīng)該是這樣的。
?list.js – 向表格、列表等 HTML 元素添加搜索、排序、過(guò)濾和自適應(yīng)功能的庫(kù)。在已有 HTML 上增加可視化。

提示
?tipsy – 基于 jQuery 的 Fackbook 風(fēng)格的提示工具（tooltip）。
?opentip – 開源且基于 prototype 框架的 JavaScript 工具提示庫(kù)。
?qTip2 – 非常強(qiáng)大的工具提示庫(kù)。
?tooltipster – 一個(gè)工具提示 jQuery 插件。
?simptip – 用 Sass 制作的、簡(jiǎn)單的工具提示。
?jquery-popup-overlay – 是一個(gè)響應(yīng)式的和可訪問(wèn)性強(qiáng)的模態(tài)框（modal）和工具提示框 jQuery 插件。

模態(tài)框和彈出框（Modals and Popups）
?Magnific-Popup – 專注于性能、輕量、響應(yīng)式的燈箱（lightbox）腳本。
?jquery-popbox – jQuery 提示框插件。
?jquery.avgrund.js – 一種新的定于彈出的模態(tài)框 jQuery 插件。
?vex – 新的、擁有高度可配置和易于改變樣式功能的對(duì)話框庫(kù)。
?bootstrap-modal – 對(duì) Bootstrap 默認(rèn)的模態(tài)框類進(jìn)行擴(kuò)展。其支持響應(yīng)式、可堆疊和 ajax 等。
?css-modal – 純 CSS 打造的模態(tài)框。
?jquery-popup-overlay – 是一個(gè)響應(yīng)式的和可訪問(wèn)性強(qiáng)的模態(tài)框和工具提示框（tooltips）jQuery 插件。

滾動(dòng)
?scrollMonitor – 滾動(dòng)發(fā)生時(shí)，可以監(jiān)聽元素的、簡(jiǎn)單、快速的 API。
?headroom – 除非你需要顯示頁(yè)面頭部（header），否則將隱藏它，以騰出頁(yè)面頭部空間。
?onepage-scroll – 創(chuàng)建一個(gè)類似 Apple 的單頁(yè)面滾動(dòng)網(wǎng)站（iPhone 5S 網(wǎng)站）。
?iscroll – 高性能、輕量、無(wú)依賴、兼容多平臺(tái)的 JavaScript 滾動(dòng)組件。
?skrollr – 獨(dú)立（不依賴 jQuery） 的視差滾動(dòng)庫(kù)，適用于移動(dòng)設(shè)備（Android + iOS）和桌面電腦。
?parallax – 面向智能設(shè)備的視差引擎。
?stellar.js – 讓視差滾動(dòng)變簡(jiǎn)單。
?plax – 基于 jQuery 的視差庫(kù)。
?jparallax – 創(chuàng)建可交互視差效果的 jQuery 插件。
?fullPage – 簡(jiǎn)單和易于使用的、用于創(chuàng)建全屏滾動(dòng)網(wǎng)站的插件（也被稱為單頁(yè)面網(wǎng)站）。
?ScrollMenu – 讓老舊無(wú)聊的滾動(dòng)條煥然一新。

菜單
?jQuery-menu-aim – 當(dāng)用戶光標(biāo)放在特定下拉菜單項(xiàng)時(shí)觸發(fā)事件。可制作響應(yīng)式的、大數(shù)據(jù)量的下拉菜單，如 Amazon 的。
?jQuery contextMenu – 右鍵菜單（contextMenu） 管理工具。
?Slideout – 為移動(dòng)設(shè)備的 web 應(yīng)用制作出響應(yīng)式的、可觸摸滑出的導(dǎo)航菜單。
?Slide and swipe – 一個(gè)基于 touchSwipe 庫(kù)的滑出菜單插件。

表格/網(wǎng)格
?jTable – 基于 CRUD 表創(chuàng)建 AJAX 的 jQuery 插件。
?DataTables – 這是一個(gè)非常靈活的工具，在漸進(jìn)增強(qiáng)的基礎(chǔ)上，將高級(jí)的交互效果加到 HTML 表格。（jQuery 插件）
?floatThead – （jQuery 插件）鎖定表格頭部，只允許表格內(nèi)容滾動(dòng)。適用于任何表格，而且不需要額外的 html 或 css。
?Masonry – 瀑布流式的網(wǎng)格布局庫(kù)。
?Packery – 使用裝箱算法（bin-packing）的網(wǎng)格布局庫(kù)。支持拖拽布局。
?Isotope – 可過(guò)濾和可排序的網(wǎng)格布局的庫(kù)，它能實(shí)現(xiàn) Masonry、Packery 等布局。

框架
?Semantic UI – 擁有大量主題和元素的 UI 套件。

手勢(shì)
?hammer.js – 擁有多種觸摸手勢(shì)的 JavaScript 庫(kù)。
?touchemulator – 在桌面電腦模仿觸摸輸入。
?Dragula – 超級(jí)易于使用的拖拽庫(kù)。

地圖
?Leaflet – 對(duì)移動(dòng)設(shè)備友好的、可交互的地圖 JavaScript 庫(kù)。
?Cesium – 開源的、基于 WebGL 實(shí)現(xiàn)的虛擬地球儀和地圖引擎。
?gmaps – 以最簡(jiǎn)單的方式使用 Google 地圖。
?polymaps – 一個(gè)免費(fèi)的、兼容現(xiàn)代 web 瀏覽器的、用于制作動(dòng)態(tài)可交互的地圖 JavaScript 庫(kù)。
?kartograph.js – 開源的 Kartograph SVG 地圖渲染器。
?mapbox.js – Mapbox 的 API，Leaflet 的插件。
?jqvmap – 矢量地圖 jQuery 插件。
?OpenLayers3 – 高性能的、功能豐富的庫(kù)，能滿足你對(duì)地圖所有需求。

視頻/音頻
?prettyembed.js – 更完美地嵌入 YouTube —— 擁有很好的選項(xiàng)，如高分辨率的預(yù)覽圖、嵌入選項(xiàng)的高級(jí)定制和可選的 FitVids 支持。
?html5media – 能在所有主流瀏覽器播放多媒體標(biāo)簽中定義的多媒體文件。http://html5media.info/
?Play-em JS – Play’em 是一個(gè) JavaScript 組件，它能管理音樂(lè)/視頻播放順序，通過(guò)在一個(gè) DIV 元素里嵌入幾個(gè)播放器（Youtube、Soundcloud 和 Vimeo）來(lái)控制一系列歌曲的播放。
?polyplayer – 將 YouTube、Soundcloud 和 Vimeo 播放器的 API 統(tǒng)一成一套。
?flowplayer – HTML5 視頻播放器 http://flowplayer.org/
?mediaelement – 讓 HTML5、 Flash 播放器和模仿 HTML5 媒介元素 API 的 Silverlight shim，在所有瀏覽器擁有一致的 UI。http://mediaelementjs.com/
?SoundJS – 讓音頻在 web 上運(yùn)行更簡(jiǎn)單的庫(kù)。它為不同瀏覽器提供了一致的 API。

動(dòng)畫
?velocity – 加速 JavaScript 動(dòng)畫。
?jquery.transit – 擁有超級(jí)流暢的 CSS3 變換和過(guò)渡的 jQuery 插件。
?impess.js – 在 HTML 文檔里，運(yùn)用 CSS3 變換和過(guò)渡制作類似 Prezi 的展現(xiàn)效果。
?bounce.js – 可以立刻創(chuàng)建有趣的 CSS3 動(dòng)畫。
?GreenSock-JS – 適用于所有主流瀏覽器的高性能 HTML5 動(dòng)畫。
?TransitionEnd – TransitionEnd 是一個(gè)運(yùn)用 transitonend 事件的、跨瀏覽器的庫(kù)。
?Dynamic.js – 用于創(chuàng)建基于物理知識(shí)的 CSS 動(dòng)畫庫(kù)。

圖像處理
?lena.js – 擁有濾鏡和實(shí)用功能的圖像處理庫(kù)。
?pica – 高質(zhì)量地調(diào)整圖片大小（擁有快速的、純 JS 實(shí)現(xiàn)的 Lanczos 濾鏡算法）。
?cropper – 一個(gè)簡(jiǎn)單的圖像裁剪 jQuery 插件。

ECMAScript 6
?es6features – ECMAScript 6 特性概述。
?es6-features – ECMAScript 6: 特性概述和比較。
?ECMAScript 6 compatibility table – Compatibility tables 展示了各種平臺(tái)上所有 ECMAScript 6 特性的支持程度。
?Babel (Formerly 6to5) – 將 ES6+ 代碼轉(zhuǎn)換成純 ES5。
?Traceur compiler – ES6 特性轉(zhuǎn) ES5。包括 classes、generators、promises、destructuring patterns、default parameters 等。

軟件開發(fā)工具包
?javascript-sdk-design – 從工作和個(gè)人經(jīng)驗(yàn)中提煉出來(lái)的 JavaScript SDK 設(shè)計(jì)指導(dǎo)。

大雜燴
?echo – 利用 data-* 屬性延遲加載圖片。
?picturefill – 響應(yīng)式圖片顯示插件，使瀏覽器支持 srcset、size 屬性。
?platform.js – 一個(gè)平臺(tái)檢測(cè)庫(kù)，幾乎適用于所有 JavaScript 平臺(tái)。
?json3 – 一個(gè)現(xiàn)代 JSON 實(shí)現(xiàn)庫(kù)，幾乎兼容所有 JavaScript 平臺(tái)。
?Logical Or Not – 一個(gè)關(guān)于 JavaScript 特性的游戲。
?BitSet.js – 實(shí)現(xiàn)位向量的 JavaScript 庫(kù)。

作者：唐人不自醉
鏈接：https://www.jianshu.com/p/198...
來(lái)源：簡(jiǎn)書
簡(jiǎn)書著作權(quán)歸作者所有，任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處。