javascript功能插件大集合,寫前端的親們記得收藏

【導讀】:GitHub 上有一個 Awesome – XXX 系列的資源整理般卑。awesome-JavaScript是 sorrycc 發(fā)起維護的 JS 資源列表武鲁,內(nèi)容包括:包管理器、加載器蝠检、測試框架沐鼠、運行器、QA叹谁、MVC框架和庫饲梭、模板引擎、數(shù)據(jù)可視化焰檩、時間軸憔涉、編輯器等等。

伯樂在線已在 GitHub 上發(fā)起「JavaScript 資源大全中文版」的整理析苫。歡迎擴散兜叨、歡迎加入。

https://github.com/jobbole/awesome-javascript-cn

js包下載地址:http://www.quzhuanpan.com/download/checkResult.action?id=52&type=6

包管理器

管理著 javascript 庫藤违,并提供讀取和打包它們的工具浪腐。

?npm – npm 是 javascript 的包管理器。

?Bower – 一個 web 應用的包管理器顿乒。

?component – 能構建更好 web 應用的客戶端包管理器议街。

?spm – 全新的靜態(tài)包管理器。

?jam – 一個專注于瀏覽器端和兼容 RequireJS 的包管理器璧榄。

?jspm – 流暢的瀏覽器包管理器特漩。

?Ender – 沒有庫文件的程序庫。

?volo – 以項目模板骨杂、添加依賴項與自動化生成的方式創(chuàng)建前端項目涂身。

?Duo – 一個整合 Component、Browserify 和Go的最佳思想搓蚪,使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器蛤售。

加載器

JavaScript 的模塊或加載系統(tǒng)。

?RequireJS – JavaScript 文件和模塊的加載器。

?browserify – 在瀏覽器端以Node.js的方式 require()悴能。

?SeaJS – 用于 Web 的模塊加載器揣钦。

?HeadJS – HEAD 的唯一腳本。

?curl – 小巧漠酿、快速且易擴展的模塊加載器冯凹,它能處理 AMD、CommonJS Modules/1.1炒嘲、CSS宇姚、HTML/text 和歷史腳本。

?lazyload – 小巧且無依賴的異步 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 模塊。

測試框架

?mocha – 適用于 node.js 和瀏覽器卖词、簡易巩那、靈活牡昆、有趣的 JavaScript 測試框架饺窿。

?jasmine – 簡單無 DOM 的 JavaScript 測試框架们镜。

?qunit – 一個易于使用的 JavaScript 單元測試框架怎棱。

?jest – 簡單的 JavaScript 單元測試框架锨苏。

?prova – 基于 Tape 和 Browserify 的測試運行器搏嗡,它適用于 Node & 瀏覽器浴麻。

?DalekJS – 自動化且跨瀏覽器的 JavaScript 功能測試框架郭卫。

斷言

?chai – 適用于 node.js 和瀏覽器的 BDD / TDD 斷言框架战授,并能搭配其它測試框架使用页藻。

?Sinon.JS – 對 JavaScript 進行 spies、stubs 和 mock 測試植兰。

?expect.js – 簡約的份帐、適用于 Node.js 和瀏覽器端的 BDD 式斷言工具。

覆蓋率

?istanbul – 另一個 JS 代碼覆蓋率檢測工具楣导。

?blanket – 一個簡單的代碼覆蓋率檢測庫废境。它的設計理念是易于安裝和使用,且可用于瀏覽器端和 node.js。

?JSCover – JSCover 是一個檢測 JavaScript 程序代碼覆蓋率的工具噩凹。

運行器

?phantomjs – 腳本化的 Headless WebKit巴元。

?slimerjs – 一個內(nèi)核為 Gecko 的類似 PhantomJS 工具。

?casperjs – 基于 PhantomJS 和 Slimer JS 的導航腳本和測試工具栓始。

?zombie – 基于 node.js 务冕、快速、全棧且無圖形界面的瀏覽器的測試工具幻赚。

?totoro – 一個簡單可靠且能跨瀏覽器運行的測試工具禀忆。

?karma – 一個優(yōu)秀的的 JavaScript 測試運行器。

?nightwatch – 基于 node.js 和 selenium webdriver 的圖形界面自動化測試框架落恼。

?intern – 下一代 JavaScript 代碼測試棧箩退。

?yolpo – 在瀏覽器逐句執(zhí)行的 JavaScript 解釋器。

QA 工具

?JSHint – JSHint 是一個有助于發(fā)現(xiàn) JavaScript 代碼錯誤和潛在問題的工具佳谦。

?jscs – JavaScript 代碼風格檢測工具戴涝。

?jsfmt – 格式化、搜索和改寫 JavaScript钻蔑。

?jsinspect – 檢測復制粘貼和結構類似的代碼啥刻。

?buddy.js – 發(fā)現(xiàn) JavaScript 代碼里的 魔術數(shù)字。

?ESLint – 完全插件化的工具咪笑,能在 JavaScript 中識別和記錄模式可帽。

?JSLint – 高標準、嚴格和固執(zhí)的代碼質(zhì)量工具窗怒,旨在只保持語言的優(yōu)良部分映跟。

MVC 框架和庫

?angular.js – 為網(wǎng)絡應用增強 HTML。

?aurelia – 一個適用于移動設備扬虚、桌面電腦和 web 的客戶端 JavaScript 框架努隙。

?backbone – 給你的 JS 應用加入帶有 Models、Views辜昵、Collections 和 Events 的 Backbone荸镊。

?batman.js – 最適合 Rails 開發(fā)者的 JavaScript 框架。

?ember.js – 一個旨在創(chuàng)建非凡 web 應用的 JavaScript 框架路鹰。

?meteor – 一個超簡單的贷洲、數(shù)據(jù)庫無處不在的、只傳輸數(shù)據(jù)的純 JavaScript web 框架晋柱。

?ractive – 新一代 DOM 操作优构。

?vue – 一個用于構建可交互界面的、直觀快速和可組合的 MVVM 框架雁竞。

?knockout – Knockout 用 JavaScript 讓創(chuàng)建響應式的富 UI 更加容易钦椭。

?spine – 構建 JavaScript 應用的輕量 MVC 庫拧额。

?espresso.js – 一個極小的、用于制作用戶界面的 JavaScript 庫彪腔。

?canjs – 讓 JS 更好侥锦、更快、更簡單德挣。

?React– 用于建構用戶界面的庫恭垦。它是聲明式的、高效的和極度靈活的格嗅,并使用虛擬 DOM 作為其不同的實現(xiàn)番挺。

?react-native – 一個用 React 構建原生應用的框架。

?riot – 類 React 庫屯掖,但很輕量玄柏。

?thorax – 加強你的 Backbone。

?chaplin – 使用 Backbone.js 庫的 JavaScript 應用架構贴铜。

?marionette – 一個 Backbone.js 的復合應用程序庫粪摘,旨在簡化大型 JavaScript 應用結構。

?ripple – 一個小巧的绍坝、用于構建響應界面的基礎框架徘意。

?rivets – 輕量卻擁有強大的數(shù)據(jù)綁定和模板解決方案

?derby – 讓編寫實時和協(xié)同應用更簡單的 MVC 框架,能夠在 Node.js 和瀏覽器同時運行轩褐。 ?derby-awesome – 很棒的 derby 組件集合映砖。

?way.js – 簡單、輕量灾挨、持久化的雙向數(shù)據(jù)綁定。

?mithril.js – Mithril 是一個客戶端 MVC 框架(輕量竹宋、強大和快速)

?jsblocks – jsblocks 是一個更好的 MV-ish 框架劳澄。

?LiquidLava – 易懂的、用于構建用戶界面的 MVC 框架蜈七。

Node CMS 框架

?KeystoneJS – 強大的 CMS 和 web 應用框架秒拔。

?Reaction Commerce – 擁有實時的架構和設計的響應式(reactive) CMS。

?Ghost – 簡單飒硅、強大的發(fā)布平臺砂缩。

?Apostrophe – 提供內(nèi)容編輯和基本服務的 CMS。

?We.js – 適用于實時應用三娩、網(wǎng)站或博客的框架庵芭。

?Hatch.js – 擁有社交特性的 CMS 平臺。

?TaracotJS – 擁有快速雀监、極簡風格特點且基于Node.js 的 CMS双吆。

?Nodizecms – 為 CoffeeScript 愛好者準備的 CMS眨唬。

?Cody – 擁有所見即所得的編輯器的 CMS。

?PencilBlue – CMS 和博客平臺好乐。

模板引擎

模板引擎允許您執(zhí)行字符串插值匾竿。

?mustache.js – 是 JavaScript 中帶有 {{mustaches}} 的最簡模板。

?handlebars.js – 是 Mustache 模板語言的擴展蔚万。

?hogan.js – 是 Mustache 模板語言的編譯器岭妖。

?doT – 最快速簡潔的 JavaScript 模板引擎,適用于 nodejs 和瀏覽器反璃。

?dustjs – 適用于瀏覽器和 node.js 的異步模板昵慌。

?eco –嵌入式的 CoffeeScript 模板。

?JavaScript-Templates – 輕量(小于 1KB)版扩、快速且無依賴的強大 JavaScript 模版引擎废离。

?t.js – 小巧的 JavaScript 模板框架,壓縮后約為 400 字節(jié)礁芦。

?Jade – 健壯的蜻韭、優(yōu)雅且功能豐富的 nodejs 模板引擎。

?EJS – 高效的 JavaScript 模板柿扣。

?xtemplate – 可擴展的模板引擎肖方,適用于 node 和瀏覽器。

?marko – 快速輕量且基于 HTML 的模板引擎未状,支持異步俯画、流、自定義標簽和 CommonJS 模編譯后輸出司草。適用于 Node.js 和瀏覽器艰垂。

文章和帖子

?The JavaScript that you should know – 關于 JavaScript 函數(shù)化概念的文章。

數(shù)據(jù)可視化

Web 數(shù)據(jù)可視化工具

?d3 – 一個對 HTML 和 SVG 進行可視化的 JavaScript 庫埋虹。

?metrics-graphics – 更簡潔和擁有更規(guī)范的數(shù)據(jù)圖表布局優(yōu)化算法的庫猜憎。

?pykcharts.js – 經(jīng)過精心設計后,去除 d3.js 復雜性的 d3.js 圖表庫搔课。

?three.js – JavaScript 3D 庫胰柑。

?Chart.js – 簡單的、基于 canvas 標簽的HTML5圖表庫爬泥。

?paper.js – 是矢量圖形腳本中的瑞士軍刀 —— 使用Html5Canvas 將 Scriptographer 移植到 JavaScript 和瀏覽器柬讨。

?fabric.js – JavaScript Canvas 庫,SVG 與 Canvas 可以相互解析袍啡。

?peity – 進度條踩官、線狀和餅狀圖。

?raphael – JavaScript 矢量庫境输。

?echarts – 商業(yè)產(chǎn)品圖表卖鲤。

?vis – 動態(tài)的肾扰、基于瀏覽器的可視化庫。

?two.js – 一個渲染器無關的適用于 web 的二維繪圖 api 蛋逾。

?g.raphael – 基于 Rapha?l 圖表庫集晚。

?sigma.js – 一個致力于圖形繪畫的 JavaScript 庫。

?arbor – 一個使用 web workers 和jQuery的圖形可視化庫区匣。

?cubism – 可視化時間序列的 D3 插件偷拔。

?dc.js – 與 crossfilter 無縫合作的多維圖表繪制庫,使用 d3.js 渲染亏钩。

?vega – 一套可視化語法莲绰。

?processing.js – Processing.js 基于 Web 標準使數(shù)據(jù)可視化,而無需任何插件姑丑。

?envisionjs – 動態(tài)的 HTML5 可視化蛤签。

?rickshaw – 用于構建交互式實時圖表的 JavaScript 工具包。

?flot – 吸引人的栅哀、基于 jQuery 的 JavaScript 圖表庫震肮。

?morris.js – 漂亮的時間序列線框圖。

?nvd3 – 一個為 D3.js 構建可復用圖表和圖表組件的庫留拾。

?svg.js – 一個輕量的戳晌、用于操作和添加 SVG 動畫的庫。

?heatmap.js – 基于 HTML5 canvas 的熱力圖 JavaScript 庫痴柔。

?jquery.sparkline – 一個直接在瀏覽器端生成小型走勢圖的 jQuery 插件沦偎。

?xCharts – 一個基于 D3、用于構建自定義圖表和圖形的庫咳蔚。

?trianglify – 基于 d3.js 的低多邊形(low poly)風格背景圖片生成器豪嚎。

?d3-cloud – 創(chuàng)建詞云(word cloud)效果的 JavaScript 庫。

?d4 – 一個基于 D3 谈火、友好疙渣、可復用的 DSL 圖表庫 。

?dimple.js – 基于 d3 的簡易商業(yè)分析圖表庫堆巧。

?chartist-js – 簡單的響應式圖表。

?epoch – 一個通用的實時圖表庫泼菌。

?c3 – 基于 D3 的可復用圖表庫谍肤。

?BabylonJS – 一個運用 HTML5 和 WebGL 構建 3D 游戲的框架。

也有一些很棒的收費庫哗伯,如 amchart荒揣、plotly 和 highchart。

時間軸

?TimelineJS – 一個用 JavaScript 編寫的可敘事時間軸庫焊刹。

?timesheet.js – 用于構建簡單的 HTML5 &CSS3時間表的 JavaScript 庫系任。

編輯器

?ace – Ace(Ajax.org Cloud9 Editor)恳蹲。

?CodeMirror – 瀏覽器端的代碼編輯器。

?esprima – 用于綜合分析的 ECMAScript 解析器俩滥。

?quill – 一個帶有 API 的跨瀏覽器富文本編輯器嘉蕾。

?medium-editor – Medium.com 所見即所得編輯器的克隆版。

?pen – 享受在線編輯(支持 markdown)霜旧。

?jquery-notebook – 一個易用的错忱、簡潔優(yōu)雅的文本編輯器。靈感來源于 Medium 的魅力挂据。

?bootstrap-wysiwyg – 小巧的以清、兼容 bootstrap 的所見即所得的富文本編輯器。

?ckeditor-releases – 適用于每個人的 web 文本編輯器崎逃。

?editor – 一個 markdown 編輯器掷倔,但仍在開發(fā)中。

?EpicEditor – 一個可嵌入的 JavaScript Markdown 的編輯器个绍,擁有全屏編輯勒葱、即時預覽、自動保存草稿和離線支持等功能障贸。

?jsoneditor – 查看错森、編輯和格式化 JSON 的 web 工具。

?vim.js – 擁有持久化 ~/.vimrc 的 Vim 編輯器的 JavaScript 移植版本篮洁。

?Squire – HTML5 富文本編輯器涩维。

?TinyMCE – JavaScript 富文本編輯器。

?trix – 由 Basecamp 制作袁波,適用于每天寫作的富文本編輯器瓦阐。

文件

處理文件的庫。

?Papa Parse – 一款強大的 CSV 庫篷牌,支持解析 CSV 文件/字符串睡蟋,也能導出 CSV。

?jBinary – 對用聲明式語法描述文件類型和數(shù)據(jù)結構的二進制文件枷颊,進行高級 I/O(加載戳杀、解析、操作夭苗、序列化信卡、存儲)操作。

函數(shù)式編程

函數(shù)式編程庫擴展了 JavaScript 的能力题造。

?underscore – JavaScript 的實用工具傍菇。

?lodash – 提供一致性、可定制界赔、高性能和額外功能的實用庫丢习。

?Sugar – 一個擴展了原生對象功能的 JavaScript 庫牵触。

?lazy.js – 類似 Underscore,但性能更優(yōu)越

?ramda – 一個針對 JavaScript 程序員的實用函數(shù)庫咐低。

?mout – 模塊化的 JavaScript 工具庫揽思。

?mesh – 流數(shù)據(jù)同步工具。

響應式編程

響應式程序庫擴展了 JavaScript 的能力渊鞋。

?RxJs – 對 JavaScript 進行響應式擴展绰更。

?Bacon – JavaScript 的 FPR(函數(shù)式響應式編程)庫。

?Kefir – 受 Bacon.js 和 RxJS 啟發(fā)的 FRP 庫锡宋,專注于高性能和低內(nèi)存消耗儡湾。

?Highland – 對 JavaScript 實用工具的重新思考,Highland 能輕易地管理同步和異步信息执俩,而且僅使用標準 JavaScript 和類 Node 流徐钠。

?Most.js – 高性能 FRP 庫。

數(shù)據(jù)結構

數(shù)據(jù)結構庫用于構建一個更復雜的應用役首。

?immutable-js – 不可變的數(shù)據(jù)集合尝丐,包括 Sequence、Range衡奥、Repeat爹袁、Map、OrderedMap矮固、Set 和 sparse Vector失息。

?mori – 使用 ClojureScript 持久化數(shù)據(jù)結構和支持原生 JavaScript API 的庫。

?buckets – 完整的档址、經(jīng)過充分測試和記錄數(shù)據(jù)結構的 JavaScript 庫盹兢。

?hashmap – 簡單的 hashmap 實現(xiàn),支持任何類型的鍵值守伸。

日期

日期庫绎秒。

?moment – 解析、驗證尼摹、操作和顯示日期见芹。

?moment-timezone – 基于 moment.js 的時區(qū)庫。

?jquery-timeago – 一款支持自動更新模糊時間戳的 jQuery 插件(如:”4 分鐘之前”)蠢涝。

?timezone-js – 讓 JavaScript Date 對象擁有時區(qū)功能玄呛。使用 Olson zoneinfo 文件記錄著時區(qū)數(shù)據(jù)。

?date – 擁有人性化的 Date() 方法惠赫。

?ms.js – 小巧的毫秒轉換工具。

字符串

字符串庫故黑。

?selecting – 一個允許你獲取用戶選定文本的庫儿咱。

?underscore.string – 擴展了 Underscore.js 的字符串操作庭砍。

?string.js – 額外的 JavaScript 字符串方法。

?he – 健壯的 HTML 實體編碼/解碼器混埠。

?multiline – 多行字符串怠缸。

?query-string – 解析和字符串化 URL 查詢字符串。

?URI.js – URL 操作庫钳宪。

?jsurl – 輕量的 URL 操作庫揭北。

?sprintf.js – 實現(xiàn)字符串格式化。

?url-pattern – 讓 url 和其它字符串進行比正則表達式匹配更簡單吏颖。字符串和數(shù)據(jù)可相互轉化搔体。

數(shù)字

?Numeral-js – 對數(shù)字進行格式化和操作的庫。

?odometer – 流暢的數(shù)字過渡效果半醉。

?accounting.js – 對數(shù)字疚俱、金錢、貨幣進行格式化的輕量庫——完全本地化和無依賴缩多。

?money.js – 一個小巧(1kb)的貨幣轉換庫呆奕,適用于 web 和 nodeJS。

?Fraction.js – 一個有理數(shù)庫衬吆。

?Complex.js – 一個復數(shù)庫梁钾。

?Polynomial.js – 一個多項式庫。

存儲

?store.js – 為所有瀏覽器封裝了 LocalStorage逊抡,而沒有使用 cookies 和 flash姆泻。隱秘地使用 localStorage、globalStorage 和用戶數(shù)據(jù)秦忿。

?localForage – 改善后的離線存儲麦射。其封裝了 IndexedDB、WebSQL 和 localStorage灯谣,擁有操作簡單和強大的 API潜秋。

?jStorage – jStorage 是一個簡單的鍵值對數(shù)據(jù)庫,用于在瀏覽器端存儲數(shù)據(jù)胎许。

?cross-storage – 獲得權限后峻呛,能跨域名本地存儲。

?basket.js – 用 localStorage 加載和緩存腳本的資源加載器辜窑。

?bag.js – 可以緩存腳本和加載資源钩述,與 basket.js 相似,但增加了鍵值對接口和對 localStorage / websql / undexedDB 的支持穆碎。

?basil.js – 智能的 JavaScript 數(shù)據(jù)持久層庫牙勘。

?jquery-cookie – 輕量簡單的、用于讀取、編輯和刪除 cookie 的 jQuery 插件方面。

?Cookies – 客戶端 Cookie 操作庫放钦。

?DB.js – 基于 Promise 的、封裝了 IndexDB 的庫恭金。

?lawnchair.js – 簡單的客戶端 JSON 存儲操禀。

顏色

?randomColor – JavaScript 顏色生成器。

?chroma.js – 擁有各種各樣顏色操作的 JavaScript 庫横腿。

?color – JavaScript 顏色轉換和操作庫颓屑。

?colors – 更智能的默認 web 顏色。

?PleaseJS – 隨機創(chuàng)建出賞心悅目的顏色和配色方案耿焊。

?TinyColor – 快速揪惦、輕巧的顏色操作和轉換庫。

?Vibrant.js – 從圖像提取主要顏色搀别。

國際化和本地化(I18n And L10n)

本地化和國際化 JavaScript 庫

?i18next – JavaScript 最簡單的國際化(i18n)方法丹擎。

?polyglot – 小巧的國際化助手庫。

?babelfish – i18n 提供友好易懂的 API 歇父,并且內(nèi)置多種支持蒂培。

?ClassManager – 世界上最快、最方便的類系統(tǒng)之一榜苫。

?klass – 用于創(chuàng)建極富表現(xiàn)力的類工具庫护戳。

?augment – 世界上最小且最快的一流 JavaScript 繼承模式。

控制流

?async – 適用于 node 和瀏覽器的異步工具庫垂睬。

?q – 實現(xiàn)異步的 promise JavaScript 庫媳荒。

?step – 讓邏輯順序合理化的異步控制流庫。

?contra – 利用函數(shù)風格實現(xiàn)的異步流控制驹饺。

?Bluebird – 專注于革新功能和性能的钳枕,功能齊全的 promoise 庫。

?when – 快速可靠的赏壹、Promises/A+ 規(guī)范的 when() 實現(xiàn)鱼炒,而且擁有異步其它的優(yōu)秀特性。

?ObjectEventTarget – 提供增加了事件監(jiān)聽的原型(與 DOMElement 的 EventTarget 在瀏覽器行為一致)蝌借。

路由

?director – 一個小巧的昔瞧、與 URL 同構的路由器。

?page.js – 受 Express router 啟發(fā)的小型客戶端路由器(約為1200字節(jié))菩佑。

?pathjs – 簡單自晰、輕量的 web 路由器。

?crossroads – JavaScript 路由稍坯。

?davis.js – 使用 pushState酬荞、RESTful 風格和可降級的 JavaScript 路由器。

安全性

?DOMPurify – 針對 HTML、MathML 和 SVG 的僅支持DOM混巧、快速糟把、高容錯的 XSS 過濾器。

?js-xss – 通過白名單配置牲剃,即可過濾不信任的 HTML(防止 XSS 攻擊)。

日志

?log – 帶有樣式的 Console.log雄可。

?Conzole – 對 JavaScript 原生 console 對象方法和功能進行封裝的 debug 面板凿傅,使其顯示在頁面內(nèi)。

?console.log-wrapper – 將日志清晰地記錄到 console数苫,且兼容所有瀏覽器聪舒。

?loglevel – 最輕量的 JavaScript 日志記錄工具庫,向封裝后可用的 console.log 方法增加可靠的日志等級虐急。

?minilog – 輕量的箱残、用流式 API 顯示的、可用于客戶端和服務器端的日志記錄庫止吁。

正則表達式

?RegEx101 – 在線的 JavaScript 正則表達式測試器和調(diào)試器被辑。同時支持PythonPHP和 PCRE敬惦。

?RegExr – 用于創(chuàng)建盼理、測試和學習正則表達式的 HTML/JS 工具。

?RegExpBuilder – 使用鏈式方法創(chuàng)建正則表達式俄删。

媒體

?Ion.Sound – 可用于任何網(wǎng)頁上簡單音頻宏怔。

語音命令

?annyang – 向網(wǎng)站添加語音命令的語音識別庫。

?voix.js – 向網(wǎng)站畴椰、app 或游戲添加語音命令的 JavaScript 庫臊诊。

API

?bottleneck – 強大的頻率限制器,使調(diào)節(jié)流量變得更容易斜脂。

?oauth-signature-js – 適用于 node 和 瀏覽器的 OAuth 1.0a 簽名生成器抓艳。

?amygdala – 為 Web 應用提供 RESTful HTTP 客戶端解決方案。

?jquery.rest – 一個讓 RESTful API 更易使用的 jQuery 插件秽褒。

視覺檢測

?tracking.js – 在 web 上實現(xiàn)計算視覺的一種現(xiàn)代方法壶硅。

?ocrad.js – 通過 Emscripten 用 JavaScript 實現(xiàn) OCR(光學字符識別)。

瀏覽器檢測

?bowser – 一個瀏覽器檢測器销斟。

代碼高亮

?Highlight.js – JavaScript 語法高亮器庐椒。

?PrismJS – 輕量、健壯和優(yōu)雅的語法高亮器蚂踊。

加載狀態(tài)

指示加載狀態(tài)的庫约谈。

?Mprogress.js – 創(chuàng)建谷歌 Material 設計風格的線性進度條。

?NProgress – 在 Ajax’y 應用顯示細長型進度條

?Spin.js – 一個旋轉的進度指示器。

?progress.js – 為頁面任何對象創(chuàng)建和管理進度條棱诱。

?progressbar.js – 用 SVG path 動畫制作的泼橘、漂亮和響應式的進度條。

?pace – 自動向你的網(wǎng)站添加一個進度條迈勋。

?topbar – 小巧漂亮的炬灭、與網(wǎng)站同寬的進度指示器。

?nanobar – 非常輕量的進度條靡菇。不依賴 jQuery重归。

?PageLoadingEffects – 使用 SVG 動畫展現(xiàn)新內(nèi)容的現(xiàn)代方式。

?SpinKit – 運用 CSS 動畫的加載指示器集合厦凤。

?Ladda – 內(nèi)置在按鈕的加載指示器鼻吮。

?css-loaders – 運用 CSS 動畫的旋轉加載指示器的集合。

除了上述這些庫较鼓,還有收藏在 Codepen 的椎木,另外還有 Ajaxload,Preloaders 和 CSSLoad 這些生成器博烂。

驗證

?Parsley.js – 不用寫一行 JavaScript 代碼即可在前端驗證表單香椎。

?jquery-validation – jQuery 驗證插件。

?validator.js – 字符串驗證和過濾(在使用用戶輸入之前清理用戶輸入中的有害或危險字符的操作)禽篱。

?validate.js – 受 CodeIgniter 啟發(fā)的輕量表單驗證 JavaScript 庫士鸥。

?validatr – 跨瀏覽器的 HTML5 表單驗證庫。

?BootstrapValidator – 是驗證表單域中最好的 jQuery 插件谆级。要與 Bootstrap 3 一起使用烤礁。

?is.js – 檢查類型、正則表達式肥照、是否存在脚仔、時間等。

?FieldVal – 多用途驗證庫舆绎。同時支持同步和異步驗證鲤脏。

鍵盤封裝器

?mousetrap – 處理鍵盤快捷鍵的 JavaScript 庫。

?keymaster – 定義和調(diào)度鍵盤快捷鍵的小型庫吕朵。

?Keypress – 鍵入捕捉工具庫别智,任何鍵都可以成為一個修飾健澡匪。

?KeyboardJS – 一個用于綁定鍵盤組合的 JavaScript 庫吵聪,讓你脫離快捷鍵和快捷鍵組合沖突的痛苦经备。

?jquery.hotkeys – jQuery Hotkeys 能讓你在代碼任何的地方監(jiān)聽鍵盤事件,并幾乎支持所有按鍵組合梧税。

?jwerty – 令人驚嘆的鍵盤事件處理庫沦疾。

瀏覽和引導

?intro.js – 這是一個介紹新功能的很好方式称近,能一步步地引導用戶瀏覽你的網(wǎng)站和項目。

?shepherd – 通過引導讓用戶瀏覽你的應用程序哮塞。

?bootstrap-tour – 應用 Twitter Bootstrap 彈出框?qū)Ξa(chǎn)品進行快速簡單的引導刨秆。

?tourist – 簡單、靈活的應用引導介紹庫忆畅。

?chardin.js – 簡單的應用遮罩層介紹衡未。

?pageguide – 使用 jQuery 和 CSS3 的 web 頁面元素交互引導庫。

?hopscotch – 讓開發(fā)者更容易向其頁面產(chǎn)品添加引導的框架家凯。

?joyride – 基于 jQuery 的功能引導插件眠屎。

?focusable – 通過向頁面其余部分添加遮罩層,使焦點聚集在特定 DOM 元素肆饶。

通知

?messenger – 為你的應用添加 Growl-style 彈框和信息(Crowl 是 Mac OS X 下的一個通知系統(tǒng))。

?noty – jQuery 通知插件岖常。

?pnotify – 適用于 Bootstrap驯镊、jQuery UI 和 Web Notifications Draft 的 JavaScript 通知庫。

?toastr – 簡單的彈出框通知(toast notifications:用來顯示簡單的竭鞍,會自動到期的信息窗口)板惑。

?humane-js – 一個簡單、時髦的瀏覽器通知系統(tǒng)偎快。

?smoke.js – 與框架無關的冯乘、能夠自定義樣式的 JavaScript 彈框系統(tǒng)。

幻燈片

?Swiper – 使用硬件加速過渡的移動設備觸控滑塊框架晒夹。

?slick – 你所需要的最后一個輪播插件裆馒。

?slidesJs – 響應式的 jQuery(1.7.1+)幻燈片插件,具有觸摸丐怯、 CSS3 過渡等特性喷好。

?FlexSlider – 一款令人驚嘆的、全響應式的幻燈片 jQuery 插件读跷。

?unslider – 最簡單的幻燈片 jQuery 插件梗搅。

?colorbox – 輕量、可自定義的燈箱 jQuery 插件效览。

?fancyBox – 提供了良好優(yōu)雅的方式无切,為頁面上的圖片、html 內(nèi)容和多媒體添加縮放功能的工具丐枉。

?sly – 基于項導航的哆键、支持單向滾動的 JavaScript 庫。

?vegas – 向頁面添加漂亮的全屏背景的 jQuery 插件瘦锹,甚至允許幻燈片洼哎。

?Sequence – 用于創(chuàng)建響應式的幻燈片烫映、演示、旗幟廣告和以步驟為基礎的應用的 CSS 動畫框架噩峦。

?baguetteBox.js – 易于使用的锭沟、用純 JavaScript 實現(xiàn)的遮罩層腳本。

?reveal.js – 用 HTML 創(chuàng)建漂亮演示控件的框架识补。

?PhotoSwipe – 適用于移動設備和桌面電腦的族淮、模塊化和不無依賴框架的 JavaScript 畫廊控件。

?jcSlider – 用 CSS 動畫實現(xiàn)的響應式幻燈片 jQuery 插件凭涂。

?basic-jquery-slider – 易于使用祝辣、指定主題和定制化。

?unslider – 這是最簡單的幻燈片 jQuery 插件切油。

?jQuery.adaptive-slider – 帶有自適應顏色標題和導航的幻燈片 jQuery 插件蝙斜。

?slidr – 可添加一些幻燈片效果。

?Flickity – 可觸摸的澎胡、響應式的和可輕彈的畫廊孕荠。

滑塊控件

?Ion.RangeSlider – 強大的、易于自定義的范圍滑塊選擇庫攻谁,支持很多配置和皮膚稚伍。

?jQRangeSlider – 支持日期的滑塊選擇庫。

?noUiSlider – 輕量無冗余的戚宦、高度定制化的滑塊選擇庫个曙。

?rangeslider.js – HTML5 input 區(qū)域滑塊元素。

表單組件

輸入

?typeahead.js – 快速的受楼、功能齊全的自動補全庫垦搬。

?tag-it – 處理多標簽字段以及標簽建議/自動完成的 jQuery UI 插件。

?At.js – 向你的應用添加類似 Github 的自動完成提示功能艳汽。

?Placeholders.js – JavaScript 補全 HTML5 占位符的屬性悼沿。

?fancyInput – 利用 CSS3 效果讓輸入更有趣。

?jQuery-Tags-Input – 利用這個 jQuery 插件骚灸,可奇妙地將一個簡單的文本輸入轉換成一個酷酷的標簽列表糟趾。

?vanilla-masker – 一個純 JavaScript 實現(xiàn)的輸入控制庫。

?Ion.CheckRadio – 一個為復選框和單選按鈕添加樣式的 jQuery 庫甚牲,支持多種皮膚义郑。

日歷

?pickadate.js – 對移動設備友好的、響應式的和輕量的 jQuery 日期 & 時間輸入選擇器丈钙。

?bootstrap-datepicker – 基于 bootstrap 的日歷選擇器非驮。

?Pikaday – 一個嶄新的 JavaScript 日期選擇器 —— 輕量、無依賴和模塊化的 CSS雏赦。

?fullcalendar – 全尺寸劫笙、支持拖放事件的日歷(jQuery 插件)芙扎。

?rome – 可定制的日期(和時間)選擇器。無依賴填大,可選 UI戒洼。

?datedropper – datedropper 是一個 jQuery 插件,它提供了快速簡易的方式去管理日期輸入框允华。

選擇

?selectize.js – Selectize 是文本框和選擇框的混合體圈浇。它基于jQuery,擁有自動完成和鍵盤感應下拉列表功能靴寂,可用于標簽磷蜀、聯(lián)系人列表等。

?select2 – 它基于 jQuery百炬,是選擇框(select box)的替代品褐隆。支持搜索、遠程數(shù)據(jù)集和無限滾動剖踊。

?chosen – 可以讓冗長不便的選擇框更友好的庫庶弃。

文件上傳

?jQuery-File-Upload – File Upload 是一個支持多文件選擇、文件拖放蜜宪、進度條、驗證和圖片祥山、音頻圃验、視頻預覽的 jQuery 插件。

?dropzone – Dropzone 是一個易于使用且支持多文件拖放的庫缝呕。其支持圖片預覽并且擁有很好的進度條效果澳窑。

?flow.js – 一個通過 HTML5 的 File API ,提供多個同時鏈接的供常、穩(wěn)定的摊聋、容錯的、可恢復的/可重新開始的文件上傳庫栈暇。

?fine-uploader – 一個帶有進度條麻裁、拖放功能和支持直接上傳到 S3 (Amazon Simple Storage Service,亞馬遜簡易存儲服務)的多文件上傳插件源祈。

?FileAPI – JavaScript 文件工具集合煎源。支持多文件上傳、拖放和文件分塊上傳香缺。對于圖像手销,支持裁剪、調(diào)整大小和根據(jù) EXIF 自動調(diào)整方向图张。

?plupload – 處理文件上傳的 JavaScript API锋拖,其支持多文件選擇诈悍、文件類型過濾、分塊請求兽埃、客戶端圖片縮放和根據(jù)不同的運行環(huán)境選擇 HTML5侥钳、Silverlight 和 Flash。

其它

?form – jQuery 表單插件讲仰。

?Garlic.js – 自動在本地保存表單文本和選擇框的值慕趴,直到表單被提交。

?Countable – 對某個 HTML 元素包含文本的段落數(shù)鄙陡、單詞數(shù)和字符數(shù)進行統(tǒng)計的 JavaScript 函數(shù)冕房。

?card – 只需一行代碼,讓信用卡表單變得更友好趁矾。

?stretchy – 自適應大小的 form 元素耙册,表單本應該是這樣的。

?list.js – 向表格毫捣、列表等 HTML 元素添加搜索详拙、排序、過濾和自適應功能的庫蔓同。在已有 HTML 上增加可視化饶辙。

提示

?tipsy – 基于 jQuery 的 Fackbook 風格的提示工具(tooltip)。

?opentip – 開源且基于 prototype 框架的 JavaScript 工具提示庫斑粱。

?qTip2 – 非常強大的工具提示庫弃揽。

?tooltipster – 一個工具提示 jQuery 插件。

?simptip – 用 Sass 制作的则北、簡單的工具提示矿微。

?jquery-popup-overlay – 是一個響應式的和可訪問性強的模態(tài)框(modal)和工具提示框 jQuery 插件。

模態(tài)框和彈出框(Modals and Popups)

?Magnific-Popup – 專注于性能尚揣、輕量涌矢、響應式的燈箱(lightbox)腳本。

?jquery-popbox – jQuery 提示框插件快骗。

?jquery.avgrund.js – 一種新的定于彈出的模態(tài)框 jQuery 插件娜庇。

?vex – 新的、擁有高度可配置和易于改變樣式功能的對話框庫方篮。

?bootstrap-modal – 對 Bootstrap 默認的模態(tài)框類進行擴展思灌。其支持響應式、可堆疊和 ajax 等恭取。

?css-modal – 純 CSS 打造的模態(tài)框泰偿。

?jquery-popup-overlay – 是一個響應式的和可訪問性強的模態(tài)框和工具提示框(tooltips)jQuery 插件。

滾動

?scrollMonitor – 滾動發(fā)生時蜈垮,可以監(jiān)聽元素的耗跛、簡單裕照、快速的 API。

?headroom – 除非你需要顯示頁面頭部(header)调塌,否則將隱藏它晋南,以騰出頁面頭部空間。

?onepage-scroll – 創(chuàng)建一個類似 Apple 的單頁面滾動網(wǎng)站(iPhone 5S 網(wǎng)站)羔砾。

?iscroll – 高性能负间、輕量、無依賴姜凄、兼容多平臺的 JavaScript 滾動組件政溃。

?skrollr – 獨立(不依賴 jQuery) 的視差滾動庫,適用于移動設備(Android+iOS)和桌面電腦态秧。

?parallax – 面向智能設備的視差引擎董虱。

?stellar.js – 讓視差滾動變簡單。

?plax – 基于 jQuery 的視差庫申鱼。

?jparallax – 創(chuàng)建可交互視差效果的 jQuery 插件愤诱。

?fullPage – 簡單和易于使用的、用于創(chuàng)建全屏滾動網(wǎng)站的插件(也被稱為單頁面網(wǎng)站)捐友。

?ScrollMenu – 讓老舊無聊的滾動條煥然一新淫半。

菜單

?jQuery-menu-aim – 當用戶光標放在特定下拉菜單項時觸發(fā)事件∠蛔可制作響應式的科吭、大數(shù)據(jù)量的下拉菜單,如 Amazon 的脆粥。

?jQuery contextMenu – 右鍵菜單(contextMenu) 管理工具砌溺。

?Slideout – 為移動設備的 web 應用制作出響應式的影涉、可觸摸滑出的導航菜單变隔。

?Slide and swipe – 一個基于 touchSwipe 庫的滑出菜單插件。

表格/網(wǎng)格

?jTable – 基于 CRUD 表創(chuàng)建 AJAX 的 jQuery 插件蟹倾。

?DataTables – 這是一個非常靈活的工具匣缘,在漸進增強的基礎上,將高級的交互效果加到 HTML 表格鲜棠。(jQuery 插件)

?floatThead – (jQuery 插件)鎖定表格頭部肌厨,只允許表格內(nèi)容滾動。適用于任何表格豁陆,而且不需要額外的 html 或 css柑爸。

?Masonry – 瀑布流式的網(wǎng)格布局庫。

?Packery – 使用裝箱算法(bin-packing)的網(wǎng)格布局庫盒音。支持拖拽布局表鳍。

?Isotope – 可過濾和可排序的網(wǎng)格布局的庫馅而,它能實現(xiàn) Masonry、Packery 等布局譬圣。

框架

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

手勢

?hammer.js – 擁有多種觸摸手勢的 JavaScript 庫。

?touchemulator – 在桌面電腦模仿觸摸輸入厘熟。

?Dragula – 超級易于使用的拖拽庫屯蹦。

地圖

?Leaflet – 對移動設備友好的、可交互的地圖 JavaScript 庫绳姨。

?Cesium – 開源的登澜、基于 WebGL 實現(xiàn)的虛擬地球儀和地圖引擎。

?gmaps – 以最簡單的方式使用 Google 地圖就缆。

?polymaps – 一個免費的帖渠、兼容現(xiàn)代 web 瀏覽器的、用于制作動態(tài)可交互的地圖 JavaScript 庫竭宰。

?kartograph.js – 開源的 Kartograph SVG 地圖渲染器空郊。

?mapbox.js – Mapbox 的 API,Leaflet 的插件切揭。

?jqvmap – 矢量地圖 jQuery 插件狞甚。

?OpenLayers3 – 高性能的、功能豐富的庫廓旬,能滿足你對地圖所有需求哼审。

視頻/音頻

?prettyembed.js – 更完美地嵌入 YouTube —— 擁有很好的選項,如高分辨率的預覽圖孕豹、嵌入選項的高級定制和可選的 FitVids 支持涩盾。

?html5media – 能在所有主流瀏覽器播放多媒體標簽中定義的多媒體文件。http://html5media.info/

?Play-em JS – Play’em 是一個 JavaScript 組件励背,它能管理音樂/視頻播放順序春霍,通過在一個 DIV 元素里嵌入幾個播放器(Youtube、Soundcloud 和 Vimeo)來控制一系列歌曲的播放叶眉。

?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 上運行更簡單的庫饱溢。它為不同瀏覽器提供了一致的 API喧伞。

動畫

?velocity – 加速 JavaScript 動畫。

?jquery.transit – 擁有超級流暢的 CSS3 變換和過渡的 jQuery 插件。

?impess.js – 在 HTML 文檔里潘鲫,運用 CSS3 變換和過渡制作類似 Prezi 的展現(xiàn)效果绿聘。

?bounce.js – 可以立刻創(chuàng)建有趣的 CSS3 動畫。

?GreenSock-JS – 適用于所有主流瀏覽器的高性能 HTML5 動畫次舌。

?TransitionEnd – TransitionEnd 是一個運用 transitonend 事件的熄攘、跨瀏覽器的庫。

?Dynamic.js – 用于創(chuàng)建基于物理知識的 CSS 動畫庫彼念。

圖像處理

?lena.js – 擁有濾鏡和實用功能的圖像處理庫挪圾。

?pica – 高質(zhì)量地調(diào)整圖片大小(擁有快速的逐沙、純 JS 實現(xiàn)的 Lanczos 濾鏡算法)哲思。

?cropper – 一個簡單的圖像裁剪 jQuery 插件。

ECMAScript 6

?es6features – ECMAScript 6 特性概述吩案。

?es6-features – ECMAScript 6: 特性概述和比較棚赔。

?ECMAScript 6 compatibility table – Compatibility tables 展示了各種平臺上所有 ECMAScript 6 特性的支持程度。

?Babel (Formerly 6to5) – 將 ES6+ 代碼轉換成純 ES5徘郭。

?Traceur compiler – ES6 特性轉 ES5靠益。包括 classes、generators残揉、promises胧后、destructuring patterns、default parameters 等抱环。

軟件開發(fā)工具包

?javascript-sdk-design – 從工作和個人經(jīng)驗中提煉出來的 JavaScript SDK 設計指導壳快。

大雜燴

?echo – 利用 data-* 屬性延遲加載圖片。

?picturefill – 響應式圖片顯示插件镇草,使瀏覽器支持 srcset眶痰、size 屬性。

?platform.js – 一個平臺檢測庫梯啤,幾乎適用于所有 JavaScript 平臺竖伯。

?json3 – 一個現(xiàn)代 JSON 實現(xiàn)庫,幾乎兼容所有 JavaScript 平臺条辟。

?Logical Or Not – 一個關于 JavaScript 特性的游戲黔夭。

?BitSet.js – 實現(xiàn)位向量的 JavaScript 庫宏胯。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末羽嫡,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子肩袍,更是在濱河造成了極大的恐慌杭棵,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異魂爪,居然都是意外死亡先舷,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門滓侍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蒋川,“玉大人,你說我怎么就攤上這事撩笆∞嗲颍” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵夕冲,是天一觀的道長氮兵。 經(jīng)常有香客問我,道長歹鱼,這世上最難降的妖魔是什么泣栈? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮弥姻,結果婚禮上南片,老公的妹妹穿的比我還像新娘。我一直安慰自己庭敦,他們只是感情好铃绒,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著螺捐,像睡著了一般颠悬。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上定血,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天赔癌,我揣著相機與錄音,去河邊找鬼澜沟。 笑死灾票,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的茫虽。 我是一名探鬼主播刊苍,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼濒析!你這毒婦竟也來了正什?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤号杏,失蹤者是張志新(化名)和其女友劉穎婴氮,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡主经,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年荣暮,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片罩驻。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡穗酥,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出惠遏,到底是詐尸還是另有隱情迷扇,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布爽哎,位于F島的核電站蜓席,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏课锌。R本人自食惡果不足惜厨内,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望渺贤。 院中可真熱鬧雏胃,春花似錦、人聲如沸志鞍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽固棚。三九已至统翩,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間此洲,已是汗流浹背厂汗。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留呜师,地道東北人娶桦。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像汁汗,于是被迫代替她去往敵國和親衷畦。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容