首頁 >web前端 >js教程 >javascript功能插件一覽(超全面)

javascript功能插件一覽(超全面)

不言
不言轉載
2018-10-23 16:29:064779瀏覽

這篇文章帶給大家的內容是關於javascript功能插件一覽(超全面),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

套件管理器
管理 javascript 函式庫,並提供讀取和打包它們的工具。
•npm – npm 是 javascript 的套件管理器。
•Bower – 一個 web 應用的套件管理器。
•component – 能建立更好 web 應用的客戶端套件管理器。
•spm – 全新的靜態套件管理器。
•jam – 專注於瀏覽器端和相容 RequireJS 的套件管理器。
•jspm – 流暢的瀏覽器套件管理員。
•Ender – 沒有庫檔案的程式庫。
•volo – 以專案範本、新增依賴項與自動化產生的方式建立前端專案。
•Duo – 一個整合 Component、Browserify 和 Go 的最佳思想,使開發者能快速方便地組織和編寫前端程式碼的下一代套件管理器。

載入器
JavaScript 的模組或載入系統。
•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 規範的模組載入器。
•LodJS – 基於 AMD 的模組載入器。
•ESL – 瀏覽器端的模組載入器,支援延遲定義和 AMD。
•modulejs – 輕量的 JavaScript 模組系統。

打包工具
•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 – 一個核心為 Gecko 的類似 PhantomJS 工具。
•casperjs – 基於 PhantomJS 和 Slimer JS 的導覽腳本和測試工具。
•zombie – 基於 node.js 、快速、全端且無圖形介面的瀏覽器的測試工具。
•totoro – 一個簡單可靠且能跨瀏覽器運作的測試工具。
•karma – 一個優秀的 JavaScript 測試運行器。
•nightwatch – 基於 node.js 和 selenium webdriver 的圖形介面自動化測試框架。
•intern – 新一代 JavaScript 程式碼測試堆疊。
•yolpo – 在瀏覽器逐句執行的 JavaScript 解釋器。

QA 工具
•JSHint – JSHint 是一個有助於發現 JavaScript 程式碼錯誤和潛在問題的工具。
•jscs – JavaScript 程式碼風格偵測工具。
•jsfmt – 格式化、搜尋和改寫 JavaScript。
•jsinspect – 偵測複製貼上和結構類似的程式碼。
•buddy.js – 發現 JavaScript 程式碼裡的 魔術數字。
•ESLint – 完全插件化的工具,能在 JavaScript 中辨識並記錄模式。
•JSLint – 高標準、嚴格和固執的程式碼品質工具,旨在只保持語言的優良部分。

MVC 框架和函式庫
•angular.js – 為網頁應用程式增強 HTML。
•aurelia – 一個適用於行動裝置、桌上型電腦和 web 的客戶端 JavaScript 框架。
•backbone – 為你的 JS 應用程式加入 Models、Views、Collections 和 Events 的 Backbone。
•batman.js – 最適合 Rails 開發者的 JavaScript 框架。
•ember.js – 一個旨在創建非凡 web 應用的 JavaScript 框架。
•meteor – 一個超簡單的、資料庫無所不在的、只傳輸資料的純 JavaScript web 框架。
•ractive – 新一代 DOM 操作。
•vue – 一個用於建立可互動介面的、直覺快速且可組合的 MVVM 框架。
•knockout – Knockout 用 Ja​​vaScript 讓創建響應式的豐富 UI 更容易。
•spine – 建構 JavaScript 應用的輕量 MVC 函式庫。
•espresso.js – 一個極小的、用來製作使用者介面的 JavaScript 函式庫。
•canjs – 讓 JS 更好、更快、更簡單。
•react – 用於建構使用者介面的函式庫。它是聲明式的、高效的和極度靈活的,並使用虛擬 DOM 作為其不同的實現。
•react-native – 一個用 React 建構原生應用的框架。
•riot – 類別 React 函式庫,但很輕量。
•thorax – 加強你的 Backbone。
•chaplin – 使用 Backbone.js 函式庫的 JavaScript 應用程式架構。
•marionette – 一個 Backbone.js 的複合應用程式庫,旨在簡化大型 JavaScript 應用結構。
•ripple – 一個小巧的、用於建立響應介面的基礎框架。
•rivets – 輕量卻擁有強大的資料綁定和範本解決方案
•derby – 讓編寫即時和協同應用更簡單的 MVC 框架,能夠在 Node.js 和瀏覽器同時運行。 ◦derby-awesome – 很棒的 derby 元件集合。

•way.js – 簡單、輕量、持久化的雙向資料綁定。
•mithril.js – Mithril 是一個客戶端 MVC 框架(輕量、強大和快速)
•jsblocks – jsblocks 是一個更好的 MV-ish 框架。
•LiquidLava – 易懂的、用於建立使用者介面的 MVC 框架。

Node CMS 框架
•KeystoneJS – 強大的 CMS 和 web 應用框架。
•Reaction Commerce – 擁有即時的架構和設計的響應式(reactive) CMS。
•Ghost – 簡單、強大的發布平台。
•Apostrophe – 提供內容編輯和基本服務的 CMS。
•We.js – 適用於即時應用、網站或部落格的框架。
•Hatch.js – 擁有社交特性的 CMS 平台。
•TaracotJS – 擁有快速、極簡風格特色且基於Node.js 的 CMS。
•Nodizecms – 為 CoffeeScript 愛好者準備的 CMS。
•Cody – 擁有所見即所得的編輯器的 CMS。
•PencilBlue – CMS 和部落格平台。

模板引擎
模板引擎可讓您執行字串插值。
•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 位元組。
•Jade – 健壯的、優雅且功能豐富的 nodejs 模板引擎。
•EJS – 高效率的 JavaScript 範本。
•xtemplate – 可擴充的範本引擎,適用於 node 和瀏覽器。
•marko – 快速輕量且基於 HTML 的模板引擎,支援非同步、串流、自訂標籤和 CommonJS 模編譯後輸出。適用於 Node.js 和瀏覽器。

文章和貼文
•The JavaScript that you should know – 關於 JavaScript 函數化概念的文章。

資料視覺化
Web 資料視覺化工具
•d3 – 一個對 HTML 和 SVG 進行視覺化的 JavaScript 函式庫。
•metrics-graphics – 更簡潔且擁有更規範的資料圖表佈局最佳化演算法的函式庫。
•pykcharts.js – 經過精心設計後,移除 d3.js 複雜性的 d3.js 圖表庫。
•three.js – JavaScript 3D 函式庫。
•Chart.js – 簡單的、基於 canvas 標籤的 HTML5 圖表庫。
•paper.js – 是向量圖形腳本中的瑞士軍刀 —— 使用 HTML5 Canvas 將 Scriptographer 移植到 JavaScript 和瀏覽器。
•fabric.js – JavaScript Canvas 函式庫,SVG 與 Canvas 可以互相解析。
•peity – 進度條、線狀和餅狀圖。
•raphael – JavaScript 向量函式庫。
•echarts – 商業產品圖表。
•vis – 動態的、基於瀏覽器的視覺化程式庫。
•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 標準使資料視覺化,而無需任何外掛程式。
•envisionjs – 動態的 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 – 建立詞雲(word cloud)效果的 JavaScript 函式庫。
•d4 – 一個基於 D3 、友善、可重複使用的 DSL 圖表庫 。
•dimple.js – 基於 d3 的簡易商業分析圖表庫。
•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 – 一個易用的、簡潔優雅的文字編輯器。靈感來自 Medium 的魅力。
•bootstrap-wysiwyg – 小巧的、相容 bootstrap 的所見即所得的富文本編輯器。
•ckeditor-releases – 適用於每個人的 web 文字編輯器。
•editor – 一個 markdown 編輯器,但仍在開發中。
•EpicEditor – 一個可嵌入的 JavaScript Markdown 的編輯器,擁有全螢幕編輯、即時預覽、自動儲存草稿和離線支援等功能。
•jsoneditor – 檢視、編輯和格式化 JSON 的 web 工具。
•vim.js – 擁有持久化 ~/.vimrc 的 Vim 編輯器的 JavaScript 移植版本。
•Squire – HTML5 富文本編輯器。
•TinyMCE – JavaScript 富文本編輯器。
•trix – 由 Basecamp 製作,適用於每天寫作的富文本編輯器。

檔案
處理檔案的庫。
•Papa Parse – 一款強大的 CSV 函式庫,支援解析 CSV 檔案/字串,也能匯出 CSV。
•jBinary – 對以聲明式語法描述文件類型和資料結構的二進位文件,進行高階 I/O(載入、解析、操作、序列化、儲存)操作。

函數式程式設計
函數式程式庫擴充了 JavaScript 的能力。
•underscore – JavaScript 的實用工具。
•lodash – 提供一致性、可自訂、高效能和額外功能的實用程式庫。
•Sugar – 擴充了原生物件功能的 JavaScript 函式庫。
•lazy.js – 類似 Underscore,但效能更優越
•ramda – 一個針對 JavaScript 程式設計師的實用函式庫。
•mout – 模組化的 JavaScript 工具庫。
•mesh – 串流資料同步工具。

響應式程式設計
響應式程式庫擴充了 JavaScript 的能力。
•RxJs – 對 JavaScript 進行響應式擴充。
•Bacon – JavaScript 的 FPR(函數式響應式程式設計)函式庫。
•Kefir – 受 Bacon.js 和 RxJS 啟發的 FRP 函式庫,專注於高效能和低記憶體消耗。
•Highland – 對 JavaScript 實用工具的重新思考,Highland 能輕易地管理同步和非同步訊息,而且僅使用標準 JavaScript 和類別 Node 流。
•Most.js – 高效能 FRP 函式庫。

資料結構
資料結構庫用來建立一個更複雜的應用程式。
•immutable-js – 不可變的資料集合,包括 Sequence、Range、Repeat、Map、OrderedMap、Set 和 sparse Vector。
•mori – 使用 ClojureScript 持久化資料結構和支援原生 JavaScript API 的函式庫。
•buckets – 完整的、經過充分測試和記錄資料結構的 JavaScript 函式庫。
•hashmap – 簡單的 hashmap 實現,支援任何類型的鍵值。

日期
日期庫。
•moment – 解析、驗證、操作和顯示日期。
•moment-timezone – 基於 moment.js 的時區函式庫。
•jquery-timeago – 支援自動更新模糊時間戳記的 jQuery 外掛(如:」4 分鐘之前」)。
•timezone-js – 讓 JavaScript Date 物件擁有時區功能。使用 Olson zoneinfo 檔案記錄著時區資料。
•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 – 實作字串格式化。
•url-pattern – 讓 url 和其它字串進行比正規表示式比對更簡單。字串和資料可相互轉換。

數字
•Numeral-js – 對數字進行格式化和操作的函式庫。
•odometer – 流暢的數位過渡效果。
•accounting.js – 對數位、金錢、貨幣進行格式化的輕量函式庫-完全在地化和無依賴。
•money.js – 一個小巧(1kb)的貨幣轉換庫,適用於 web 和 nodeJS。
•Fraction.js – 一個有理數庫。
•Complex.js – 一個複數函式庫。
•Polynomial.js – 一個多項式函式庫。

儲存
•store.js – 為所有瀏覽器封裝了 LocalStorage,而沒有使用 cookies 和 flash。隱密地使用 localStorage、globalStorage 和使用者資料。
•localForage – 改善後的離線儲存。其封裝了 IndexedDB、WebSQL 和 localStorage,擁有操作簡單且強大的 API。
•jStorage – jStorage 是一個簡單的鍵值對資料庫,用於在瀏覽器端儲存資料。
•cross-storage – 取得權限後,能跨網域儲存。
•basket.js – 用 localStorage 載入和快取腳本的資源載入器。
•bag.js – 可以快取腳本和載入資源,與 basket.js 相似,但增加了鍵值對介面和對 localStorage / websql / undexedDB 的支援。
•basil.js – 智慧的 JavaScript 資料持久層函式庫。
•jquery-cookie – 輕量簡單的、用於讀取、編輯和刪除 cookie 的 jQuery 外掛程式。
•Cookies – 客戶端 Cookie 操作庫。
•DB.js – 基於 Promise 的、封裝了 IndexDB 的函式庫。
•lawnchair.js – 簡單的客戶端 JSON 儲存。

顏色
•randomColor – JavaScript 顏色產生器。
•chroma.js – 擁有各種顏色運算的 JavaScript 函式庫。
•color – JavaScript 顏色轉換和操作庫。
•colors – 更聰明的預設 web 顏色。
•PleaseJS – 隨機創造出賞心悅目的顏色和配色。
•TinyColor – 快速、輕巧的顏色操作和轉換庫。
•Vibrant.js – 從影像擷取主要色彩。

國際化與在地化(I18n And L10n)

本地化與國際化 JavaScript 函式庫
•i18next – JavaScript 最簡單的國際化(i18n)方法。
•polyglot – 小巧的國際化助手庫。
•babelfish – i18n 提供友善易懂的 API ,並且內建多種支援。

類別
•ClassManager – 世界上最快、最方便的類別系統之一。
•klass – 用來建立極富表現力的類別工具庫。
•augment – 世界上最小且最快的一流 JavaScript 繼承模式。

控制流程
•async – 適用於 node 和瀏覽器的非同步工具庫。
•q – 實作非同步的 promise JavaScript 函式庫。
•step – 讓邏輯順序合理化的非同步控制流程庫。
•contra – 利用函數風格實現的非同步流控制。
•Bluebird – 專注於革新功能和性能的,功能齊全的 promoise 庫。
•when – 快速可靠的、Promises/A 規範的 when() 實現,而且擁有異步其它的優秀特性。
•ObjectEventTarget – 提供增加了事件監聽的原型(與 DOMElement 的 EventTarget 在瀏覽器行為一致)。

路由
•director – 一個小巧的、與 URL 同構的路由器。
•page.js – 受 Express router 啟發的小型客戶端路由器(約1200位元組)。
•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 面板,使其顯示在頁面內。
•console.log-wrapper – 將日誌清楚地記錄到 console,且相容於所有瀏覽器。
•loglevel – 最輕量的 JavaScript 日誌記錄工具庫,為封裝後可用的 console.log 方法增加可靠的日誌等級。
•minilog – 輕量的、用串流 API 顯示的、可用於客戶端和伺服器端的日誌記錄庫。

正規表示式
•RegEx101 – 線上的 JavaScript 正規表示式測試器和偵錯器。同時支援 Python、PHP 和 PCRE。
•RegExr – 用於建立、測試和學習正規表示式的 HTML/JS 工具。
•RegExpBuilder – 使用鍊式方法建立正規表示式。

媒體
•Ion.Sound – 可用於任何網頁上簡單音訊。

語音指令
•annyang – 為網站新增語音指令的語音辨識庫。
•voix.js – 為網站、app 或遊戲新增語音指令的 JavaScript 函式庫。

API
•bottleneck – 強大的頻率限制器,讓調節流量變得更容易。
•oauth-signature-js – 適用於 node 和 瀏覽器的 OAuth 1.0a 簽章產生器。
•amygdala – 為 Web 應用程式提供 RESTful HTTP 用戶端解決方案。
•jquery.rest – 一個讓 RESTful API 更容易使用的 jQuery 外掛。

視覺偵測
•tracking.js – 在 web 上實作計算視覺的一種現代方法。
•ocrad.js – 透過 Emscripten 以 JavaScript 實現 OCR(光學字元辨識)。

瀏覽器偵測
•bowser – 一個瀏覽器偵測器。

程式碼高亮
•Highlight.js – JavaScript 語法高亮器。
•PrismJS – 輕量、健壯和優雅的語法高亮器。

載入狀態

指示載入狀態的函式庫。
•Mprogress.js – 建立Google Material 設計風格的線性進度條。
•NProgress – 在 Ajax’y 應用顯示細長型進度條
•Spin.js – 一個旋轉的進度指示器。
•progress.js – 為頁面任何物件建立和管理進度條。
•progressbar.js – 用 SVG path 動畫製作的、漂亮和響應式的進度條。
•pace – 自動在你的網站上新增一個進度列。
•topbar – 小巧漂亮的、與網站同寬的進度指示器。
•nanobar – 非常輕量的進度條。不依賴 jQuery。
•PageLoadingEffects – 使用 SVG 動畫展現新內容的現代方式。
•SpinKit – 運用 CSS 動畫的載入指示器集合。
•Ladda – 內建在按鈕的載入指示器。
•css-loaders – 運用 CSS 動畫的旋轉載入指示器的集合。

除了上述這些函式庫,還有收藏在 Codepen 的,另外還有 Ajaxload,Preloaders 和 CSSLoad 這些產生器。

驗證
•Parsley.js – 不用寫一行 JavaScript 程式碼即可在前端驗證表單。
•jquery-validation – jQuery 驗證外掛。
•validator.js – 字串驗證和篩選(在使用使用者輸入之前清理使用者輸入中的有害或危險字元的操作)。
•validate.js – 受 CodeIgniter 啟發的輕量表單驗證 JavaScript 函式庫。
•validatr – 跨瀏覽器的 HTML5 表單驗證庫。
•BootstrapValidator – 是驗證表單域中最好的 jQuery 外掛。要與 Bootstrap 3 一起使用。
•is.js – 檢查類型、正規表示式、是否存在、時間等。
•FieldVal – 多用途驗證庫。同時支援同步和非同步驗證。

鍵盤封裝器
•mousetrap – 處理鍵盤快速鍵的 JavaScript 函式庫。
•keymaster – 定義和調度鍵盤快速鍵的小型函式庫。
•Keypress – 鍵入捕捉工具庫,任何按鍵都可以成為修飾健。
•KeyboardJS – 一個用於綁定鍵盤組合的 JavaScript 函式庫,讓你脫離快速鍵和快速鍵組合衝突的痛苦。
•jquery.hotkeys – jQuery Hotkeys 能讓你在任何程式碼的地方監聽鍵盤事件,幾乎支援所有按鍵組合。
•jwerty – 令人驚嘆的鍵盤事件處理庫。

瀏覽和引導
•intro.js – 這是一個介紹新功能的很好方式,能一步步地引導使用者瀏覽你的網站和專案。
•shepherd – 透過引導讓使用者瀏覽你的應用程式。
•bootstrap-tour – 應用 Twitter Bootstrap 彈出框對產品進行快速簡單的引導。
•tourist – 簡單、靈活的應用程式引導介紹庫。
•chardin.js – 簡單的應用遮罩層介紹。
•pageguide – 使用 jQuery 和 CSS3 的 web 頁面元素互動引導庫。
•hopscotch – 讓開發者更容易在其頁面產品上新增引導的框架。
•joyride – 基於 jQuery 的功能引導外掛。
•focusable – 透過在頁面其餘部分新增遮罩層,使焦點聚集在特定 DOM 元素。

通知
•messenger – 為你的應用程式加入 Growl-style 彈框和資訊(Crowl 是 Mac OS X 下的通知系統)。
•noty – jQuery 通知外掛。
•pnotify – 適用於 Bootstrap、jQuery UI 和 Web Notifications Draft 的 JavaScript 通知函式庫。
•toastr – 簡單的彈出框通知(toast notifications:用來顯示簡單的,會自動到期的資訊視窗)。
•humane-js – 一個簡單、時髦的瀏覽器通知系統。
•smoke.js – 與框架無關的、能夠自訂樣式的 JavaScript 彈框系統。

投影片
•Swiper – 使用硬體加速過渡的行動裝置觸控滑桿框架。
•slick – 你所需要的最後一個輪播外掛。
•slidesJs – 響應式的 jQuery(1.7.1 )幻燈片插件,具有觸控、 CSS3 過渡等特性。
•FlexSlider – 一款令人驚嘆的、全響應式的幻燈片 jQuery 外掛。
•unslider – 最簡單的投影片 jQuery 外掛。
•colorbox – 輕量、可自訂的燈箱 jQuery 外掛。
•fancyBox – 提供了良好優雅的方式,為頁面上的圖片、html 內容和多媒體添加縮放功能的工具。
•sly – 基於項目導航的、支援單向滾動的 JavaScript 函式庫。
•vegas – 在頁面上新增漂亮的全螢幕背景的 jQuery 插件,甚至允許投影片。
•Sequence – 用於建立響應式的幻燈片、簡報、旗幟廣告和以步驟為基礎的應用的 CSS 動畫框架。
•baguetteBox.js – 易於使用的、用純 JavaScript 實作的遮罩層腳本。
•reveal.js – 用 HTML 建立漂亮示範控制項的框架。
•PhotoSwipe – 適用於行動裝置和桌上型電腦的、模組化和不無依賴框架的 JavaScript 圖庫控制項。
•jcSlider – 用 CSS 動畫實作的響應式投影片 jQuery 外掛。
•basic-jquery-slider – 易於使用、指定主題和客製化。
•unslider – 這是最簡單的投影片 jQuery 外掛。
•jQuery.adaptive-slider – 帶有自適應顏色標題和導航的幻燈片 jQuery 外掛程式。
•slidr – 可加入一些投影片效果。
•Flickity – 可觸摸的、響應式的和可輕彈的畫廊。

滑桿控制項
•Ion.RangeSlider – 強大的、易於自訂的範圍滑桿選擇庫,支援許多配置和皮膚。
•jQRangeSlider – 支援日期的滑桿選擇庫。
•noUiSlider – 輕量無冗餘的、高度客製化的滑桿選擇庫。
•rangeslider.js – HTML5 input 區域滑桿元素。

表單元件

輸入
•typeahead.js – 快速的、功能齊全的自動補全程式庫。
•tag-it – 處理多重標籤欄位以及標籤建議/自動完成的 jQuery UI 外掛程式。
•At.js – 在你的應用程式加入類似 Github 的自動完成提示功能。
•Placeholders.js – JavaScript 補全 HTML5 佔位符的屬性。
•fancyInput – 利用 CSS3 效果讓輸入更有趣。
•jQuery-Tags-Input – 利用這個 jQuery 插件,可奇妙地將一個簡單的文字輸入轉換成一個酷酷的標籤清單。
•vanilla-masker – 一個純 JavaScript 實作的輸入控制函式庫。
•Ion.CheckRadio – 一個為複選框和單選按鈕添加樣式的 jQuery 庫,支援多種皮膚。

日曆
•pickadate.js – 對行動裝置友善的、響應式的和輕量的 jQuery 日期 & 時間輸入選擇器。
•bootstrap-datepicker – 基於 bootstrap 的日曆選擇器。
•Pikaday – 一個嶄新的 JavaScript 日期選擇器 —— 輕量、無依賴和模組化的 CSS。
•fullcalendar – 全尺寸、支援拖放事件的日曆(jQuery 外掛程式)。
•rome – 可自訂的日期(和時間)選擇器。無依賴,可選 UI。
•datedropper – datedropper 是一個 jQuery 插件,它提供了快速簡易的方式去管理日期輸入框。

選擇
•selectize.js – Selectize 是文字方塊和選取方塊的混合。它基於jQuery,擁有自動完成和鍵盤感應下拉清單功能,可用於標籤、聯絡人清單等。
•select2 – 它基於 jQuery,是選擇框(select box)的替代品。支援搜尋、遠端資料集和無限滾動。
•chosen – 可以讓冗長不便的選擇框更友善的函式庫。

檔案上傳
•jQuery-File-Upload – File Upload 是一個支援多重檔案選擇、檔案拖曳、進度條、驗證和圖片、音訊、視訊預覽的 jQuery 外掛程式。
•dropzone – Dropzone 是一個易於使用且支援多重檔案拖放的函式庫。其支援圖片預覽並且擁有良好的進度條效果。
•flow.js – 一個透過 HTML5 的 File API ,提供多個同時連結的、穩定的、容錯的、可恢復的/可重新開始的檔案上傳庫。
•fine-uploader – 一個帶有進度條、拖放功能和支援直接上傳到 S3 (Amazon Simple Storage Service,亞馬遜簡易儲存服務)的多檔案上傳外掛程式。
•FileAPI – JavaScript 檔案工具集合。支援多文件上傳、拖放和文件分塊上傳。對於影像,支援裁剪、調整大小和根據 EXIF 自動調整方向。
•plupload – 處理檔案上傳的 JavaScript API,其支援多檔案選擇、檔案類型過濾、分塊請求、用戶端圖片縮放和根據不同的運行環境選擇 HTML5、Silverlight 和 Flash。

其它
•form – jQuery 表單外掛。
•Garlic.js – 自動在本機上儲存表單文字和選擇框的值,直到表單被提交。
•Countable – 對某個 HTML 元素包含文字的段落數、單字數和字元數進行統計的 JavaScript 函數。
•card – 只需一行程式碼,讓信用卡表單變得更友善。
•stretchy – 自適應大小的 form 元素,表單本來應該是這樣的。
•list.js – 在表格、清單等 HTML 元素中新增搜尋、排序、篩選和自適應功能的函式庫。在已有 HTML 上增加視覺化。

提示
•tipsy – 基於 jQuery 的 Fackbook 風格的提示工具(tooltip)。
•opentip – 開源且基於 prototype 框架的 JavaScript 工具提示庫。
•qTip2 – 非常強大的工具提示庫。
•tooltipster – 一個工具提示 jQuery 外掛。
•simptip – 用 Sass 製作的、簡單的工具提示。
•jquery-popup-overlay – 是一個響應式的和可訪問性強的模態框(modal)和工具提示框 jQuery 外掛。

模態框與彈出框(Modals and Popups)
•Magnific-Popup – 專注於效能、輕量、響應式的燈箱(lightbox)腳本。
•jquery-popbox – jQuery 提示框外掛。
•jquery.avgrund.js – 一種新的定於彈出的模態框 jQuery 外掛。
•vex – 新的、具有高度可配置和易於改變樣式功能的對話方塊庫。
•bootstrap-modal – 對 Bootstrap 預設的模態框類別進行擴充。其支援響應式、可堆疊和 ajax 等。
•css-modal – 純 CSS 打造的模態方塊。
•jquery-popup-overlay – 是一個響應式的和可訪問性強的模態框和工具提示框(tooltips)jQuery 外掛。

滾動
•scrollMonitor – 捲動發生時,可以監聽元素的、簡單、快速的 API。
•headroom – 除非你需要顯示頁面頭部(header),否則將隱藏它,以騰出頁面頭部空間。
•onepage-scroll – 建立一個類似 Apple 的單頁面滾動網站(iPhone 5S 網站)。
•iscroll – 高效能、輕量、無依賴、相容多平台的 JavaScript 捲動元件。
•skrollr – 獨立(不依賴 jQuery) 的視差滾動函式庫,適用於行動裝置(Android iOS)和桌上型電腦。
•parallax – 以智慧型裝置為導向的視差引擎。
•stellar.js – 讓視差滾動變簡單。
•plax – 基於 jQuery 的視差函式庫。
•jparallax – 建立可互動視差效果的 jQuery 外掛。
•fullPage – 簡單且易於使用的、用於建立全螢幕捲動網站的外掛程式(也稱為單頁網站)。
•ScrollMenu – 讓老舊無聊的滾動條煥然一新。

選單
•jQuery-menu-aim – 當使用者遊標放在特定下拉式選單項目時觸發事件。可製作響應式的、大數據量的下拉式選單,如 Amazon 的。
•jQuery contextMenu – 右鍵選單(contextMenu) 管理工具。
•Slideout – 為行動裝置的 web 應用程式製作出響應式的、可觸摸滑出的導覽選單。
•Slide and swipe – 一個基於 touchSwipe 庫的滑出選單外掛程式。

表格/網格
•jTable – 基於 CRUD 表格建立 AJAX 的 jQuery 外掛。
•DataTables – 這是一個非常靈活的工具,在漸進增強的基礎上,將進階的互動效果加到 HTML 表格。 (jQuery 外掛程式)
•floatThead – (jQuery 外掛程式)鎖定表格頭部,只允許表格內容捲動。適用於任何表格,而且不需要額外的 html 或 css。
•Masonry – 瀑布流式的網格佈局庫。
•Packery – 使用裝箱演算法(bin-packing)的網格佈局庫。支持拖曳佈局。
•Isotope – 可過濾且可排序的網格佈局的函式庫,它能實作 Masonry、Packery 等佈局。

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

手勢
•hammer.js – 擁有多種觸控手勢的 JavaScript 函式庫。
•touchemulator – 在桌上型電腦模仿觸控輸入。
•Dragula – 超級容易使用的拖曳程式庫。

地圖
•Leaflet – 對行動裝置友善的、可互動的地圖 JavaScript 函式庫。
•Cesium – 開源的、基於 WebGL 實現的虛擬地球儀和地圖引擎。
•gmaps – 以最簡單的方式使用 Google 地圖。
•polymaps – 一個免費的、相容於現代 web 瀏覽器的、用於製作動態可互動的地圖 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 元件,它能管理音樂/影片播放順序,透過在一個p 元素中嵌入幾個播放器(Youtube、Soundcloud 和Vimeo)來控制一系列歌曲的播放。
•polyplayer – 將 YouTube、Soundcloud 和 Vimeo 播放器的 API 統一成一套。
•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 的展現效果。
•bounce.js – 可以立刻創造有趣的 CSS3 動畫。
•GreenSock-JS – 適用於所有主流瀏覽器的高效能 HTML5 動畫。
•TransitionEnd – TransitionEnd 是一個運用 transitonend 事件的、跨瀏覽器的函式庫。
•Dynamic.js – 用於建立基於物理知識的 CSS 動畫庫。

影像處理
•lena.js – 擁有濾鏡和實用功能的影像處理庫。
•pica – 高品質調整圖片大小(擁有快速的、純 JS 實現的 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 等。

軟體開發工具包
•javascript-sdk-design – 從工作和個人經驗中提煉出來的 JavaScript SDK 設計指導。

大雜燴
•echo – 利用 data-* 屬性延遲載入圖片。
•picturefill – 響應式圖片顯示插件,使瀏覽器支援 srcset、size 屬性。
•platform.js – 一個平台偵測函式庫,幾乎適用於所有 JavaScript 平台。
•json3 – 一個現代 JSON 實作函式庫,幾乎相容於所有 JavaScript 平台。
•Logical Or Not – 一個關於 JavaScript 特性的遊戲。
•BitSet.js – 實作位元向量的 JavaScript 函式庫。

#

以上是javascript功能插件一覽(超全面)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:segmentfault.com。如有侵權,請聯絡admin@php.cn刪除

相關文章

看更多