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

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

Oct 23, 2018 pm 04:29 PM
htmljavascriptjquery

這篇文章帶給大家的內容是關於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思否。如有侵權,請聯絡admin@php.cn刪除
C和JavaScript:連接解釋C和JavaScript:連接解釋Apr 23, 2025 am 12:07 AM

C 和JavaScript通過WebAssembly實現互操作性。 1)C 代碼編譯成WebAssembly模塊,引入到JavaScript環境中,增強計算能力。 2)在遊戲開發中,C 處理物理引擎和圖形渲染,JavaScript負責遊戲邏輯和用戶界面。

從網站到應用程序:JavaScript的不同應用從網站到應用程序:JavaScript的不同應用Apr 22, 2025 am 12:02 AM

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中,JavaScript與HTML、CSS一起操作DOM,實現動態效果,並支持如jQuery、React等框架。 2)通過ReactNative和Ionic,JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行,支持高並發請求。

Python vs. JavaScript:比較用例和應用程序Python vs. JavaScript:比較用例和應用程序Apr 21, 2025 am 12:01 AM

Python更適合數據科學和自動化,JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色,使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺,用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用,支持全棧開發。

C/C在JavaScript口譯員和編譯器中的作用C/C在JavaScript口譯員和編譯器中的作用Apr 20, 2025 am 12:01 AM

C和C 在JavaScript引擎中扮演了至关重要的角色,主要用于实现解释器和JIT编译器。1)C 用于解析JavaScript源码并生成抽象语法树。2)C 负责生成和执行字节码。3)C 实现JIT编译器,在运行时优化和编译热点代码,显著提高JavaScript的执行效率。

JavaScript在行動中:現實世界中的示例和項目JavaScript在行動中:現實世界中的示例和項目Apr 19, 2025 am 12:13 AM

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用,涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

JavaScript和Web:核心功能和用例JavaScript和Web:核心功能和用例Apr 18, 2025 am 12:19 AM

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。

了解JavaScript引擎:實施詳細信息了解JavaScript引擎:實施詳細信息Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要,因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段;2)執行過程中,引擎會進行動態優化,如內聯緩存和隱藏類;3)最佳實踐包括避免全局變量、優化循環、使用const和let,以及避免過度使用閉包。

Python vs. JavaScript:學習曲線和易用性Python vs. JavaScript:學習曲線和易用性Apr 16, 2025 am 12:12 AM

Python更適合初學者,學習曲線平緩,語法簡潔;JavaScript適合前端開發,學習曲線較陡,語法靈活。 1.Python語法直觀,適用於數據科學和後端開發。 2.JavaScript靈活,廣泛用於前端和服務器端編程。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版