目錄
包管理器
管理著 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)
- gulp：用自動化構(gòu)建工具增強你的工作流程！官網(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 ：高標準、嚴格和固執(zhí)的代碼質(zhì)量工具乡小，旨在只保持語言的優(yōu)良部分阔加。官網(wǎng)
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)
- Electron：用Html绊谭、CSS和JavaScript構(gòu)建跨平臺的客戶端應(yīng)用程序政恍。官網(wǎng)、GitHub
基于 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)
- pug：健壯的茄菊、優(yōu)雅且功能豐富的 nodejs 模板引擎疯潭。官網(wǎng)
- EJS：高效的 JavaScript 模板赊堪。官網(wǎng)
- xtemplate：可擴展的模板引擎面殖，適用于 node 和瀏覽器。官網(wǎng)
- marko：快速輕量且基于 HTML 的模板引擎哭廉，支持異步脊僚、流、自定義標簽和 CommonJS 模編譯后輸出遵绰。適用于 Node.js 官網(wǎng)和瀏覽器辽幌。
Flux
Flux是Facebook用來構(gòu)建客戶端Web應(yīng)用的應(yīng)用架構(gòu)
- Reflux是根據(jù)React的flux創(chuàng)建的單向數(shù)據(jù)流類庫。官網(wǎng)
- Redux是可預(yù)測javascript應(yīng)用程序狀態(tài)的容器椿访。官網(wǎng)
- Mobx是通過透明的函數(shù)響應(yīng)式編程實現(xiàn)簡單乌企，可擴展的狀態(tài)管理庫。官網(wǎng)
- Dva是基于Redux, Redux-saga 和 react-router@2.x的輕量級的框架成玫。官網(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 標簽的 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 標準使數(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)
- jquery.raty.js：一個星級評分插件仇味。官網(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 能輕易地管理同步和異步信息，而且僅使用標準 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)
- timeago.js：一個非常輕量級(~1.7 Kb)的用于將時間轉(zhuǎn)化成
xxx時間前格式儒将，例如：8分鐘前。官網(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 的资柔、封裝了 IndexedDB 的庫焙贷。官網(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)
- react-router: Declarative routing for React 官方
- vue-router: Declarative routing for Vue 官方
安全性
- 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)
語音命令
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)
性能分析
- easy-monitor：一個輕量級實時 Node.js 項目的內(nèi)核性能分析工具。官網(wǎng)
UI
代碼高亮
加載狀態(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)
- viewerjs：原生js實現(xiàn)的圖片查看器。官網(wǎng)
- jQuery.adaptive-slider：帶有自適應(yīng)顏色標題和導(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：處理多標簽字段以及標簽建議/自動完成的 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)換成一個酷酷的標簽列表红氯。官網(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)
- flatpickr： flatpickr 是一個輕量压恒、強大影暴、無依賴的日歷和時間選擇器插件，支持移動端探赫，并支持React型宙、Ember、Angular和Vue期吓。官網(wǎng)
選擇
- selectize.js：Selectize 是文本框和選擇框的混合體早歇。它基于jQuery，擁有自動完成和鍵盤感應(yīng)下拉列表功能讨勤，可用于標簽箭跳、聯(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)
- Hint.css
模態(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)
- layer：國內(nèi)最多人使用的web彈層組件巢掺。官網(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)用戶光標放在特定下拉菜單項時觸發(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)
觸摸
- fastclick.js：去除觸屏用戶300ms點擊延誤报咳。官網(wǎng)
- dropload.js：移動端下拉刷新侠讯，上拉加載更多。官網(wǎng)
- touchslide.js：觸屏滑動特效暑刃。官網(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：能在所有主流瀏覽器播放多媒體標簽中定義的多媒體文件绰沥。官網(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)
- AlloyImage：騰訊前端開源的基于HTML5的專業(yè)級圖像處理開源引擎肮疗。官網(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)
- Edge.js：運行在一個進程中運行.NET和Node.js代碼怀酷。官網(wǎng)、GitHub
作者：錢學(xué)敏
鏈接：http://www.reibang.com/p/95eee74d4b2a
來源：簡書
著作權(quán)歸作者所有嗜闻。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)蜕依，非商業(yè)轉(zhuǎn)載請注明出處。
