awesome-javascript

時間  2019-11-09
標籤 awesome javascript 欄目 JavaScript 简体版
原文   原文鏈接

一系列使人敬畏的瀏覽器端JavaScript庫，資源和閃亮的東西。javascript

包管理員

託管JavaScript庫並提供獲取和打包工具。css

  • npm - npm是javascript的包管理器。
  • Bower - Web的包管理器。
  • 組件 - 用於構建更好的Web應用程序的客戶端包管理
  • spm - 全新的靜態包管理器。
  • jam - 使用瀏覽器和RequireJS兼容存儲庫的包管理器。
  • jspm - 無摩擦的瀏覽器包管理。
  • Ender - 無庫庫。
  • volo - 從模板建立前端項目，添加依賴項並自動執行結果項目。
  • 二重奏 - 下一代軟件包管理器，融合Component，Browserify和Go的最佳創意，使組織和編寫前端代碼快速而輕鬆。
  • 紗線 - 快速，可靠和安全的依賴管理。

裝載機

用於JavaScript的模塊或加載系統。html

  • RequireJS - JavaScript的文件和模塊加載器。
  • browserify - 瀏覽器端require（）node.js的方式。
  • SeaJS - Web的模塊加載器。
  • HeadJS - 頭部中惟一的腳本。
  • curl - 一個小型，快速，可擴展的模塊加載器，可處理AMD，CommonJS Modules / 1.1，CSS，HTML /文本和舊腳本。
  • lazyload - 微小的，無依賴關係的異步JavaScript和CSS加載器。
  • script.js - 異步JavaScript加載器和依賴關係管理器。
  • systemjs - 符合AMD，CJS和ES6規範的模塊加載器。
  • LodJS - 基於AMD的模塊加載器
  • ESL - 模塊加載器瀏覽器，支持懶定義和AMD。
  • modulejs - 輕量級JavaScript模塊系統。

捆紮機

  • browserify - Browserify讓您能夠要求（「模塊」）中捆綁了你的所有依賴瀏覽器。
  • webpack - 爲瀏覽器打包CommonJs / AMD模塊。
  • 彙總 - 下一代ES6模塊捆綁器。
  • 早午飯 - 使用簡單的聲明性配置的前端快速Web應用程序構建工具。
  • 包裹 - 煊赫一時的快速零配置Web應用程序打包程序。

測試框架

構架

  • 摩卡 - 爲node.js和瀏覽器提供簡單，靈活，有趣的JavaScript測試框架。
  • 茉莉花 - 無DOM的簡單JavaScript測試框架。
  • qunit - 一個易於使用的JavaScript單元測試框架。
  • 笑話 - 無痛Javascript單元測試。
  • prova - 基於Tape和Browserify的Node＆Browser測試運行器
  • DalekJS - 使用JavaScript進行自動跨瀏覽器功能測試
  • 量角器 - 量角器是AngularJS應用的端到端測試框架。
  • 磁帶 - 節點和瀏覽器的Tap生成測試工具。
  • TestCafe - 爲現代Web開發堆棧進行自動瀏覽器測試。
  • ava -火箭 將來的JavaScript測試運行器

斷言

  • chai - node.js的BDD / TDD斷言框架和可與任何測試框架配合使用的瀏覽器。
  • 酶 - 酶是React的JavaScript測試工具，能夠更容易地斷言，操做和遍歷React組件的輸出。
  • Sinon.JS - 爲JavaScript測試間諜，存根和模擬。
  • expect.js - Node.JS和瀏覽器的簡單BDD風格的斷言。

覆蓋

  • 伊斯坦布爾 - 又一個JS代碼覆蓋工具。
  • 毯子 - 一個簡單的JavaScript代碼覆蓋庫。設計易於安裝和使用，適用於瀏覽器和nodejs。
  • JSCover - JSCover是一個測量JavaScript程序代碼覆蓋率的工具。

跑步者

  • phantomjs - 可腳本化無頭WebKit。
  • slimerjs - 運行Gecko的PhantomJS式工具。
  • casperjs - 用於PhantomJS和SlimerJS的導航腳本和測試工具。
  • 殭屍 - 使用node.js進行瘋狂快速，全堆棧，無頭瀏覽器測試。
  • totoro - 一個簡單而穩定的跨瀏覽器測試工具。
  • karma - JavaScript的Spectacular Test Runner。
  • Nightwatch - 基於node.js和selenium webdriver的UI自動化測試框架。
  • 實習生 - JavaScript的下一代代碼測試棧。
  • yolpo - 瀏覽器中的聲明式聲明JavaScript解釋器。

QA工具

  • 更漂亮 - Prettier是一個有見識的代碼格式化工具。
  • JSHint - JSHint是一個有助於檢測JavaScript代碼中的錯誤和潛在問題的工具。
  • jscs - JavaScript代碼風格檢查器。
  • jsfmt - 用於格式化，搜索和重寫JavaScript。
  • jsinspect - 檢測複製粘貼和結構類似的代碼。
  • buddy.js - JavaScript的幻數檢測。
  • ESLint - 用於識別和報告JavaScript模式的徹底可插入工具。
  • JSLint - 高標準，嚴格和恪守口碑的代碼質量工具，旨在保持語言的良好部分。

MVC框架和庫

  • angular.js - 爲web應用加強的HTML。
  • aurelia - 適用於移動，桌面和網頁的Javascript客戶端框架。
  • 骨幹網 - 爲您的JS App提供一些支持模型，視圖，集合和事件的Backbone。
  • ember.js - 用於建立雄心勃勃的Web應用程序的JavaScript框架。
  • 流星 - 一個超簡單，數據庫無處不在，數據在線，純Javascript的網頁框架。
  • ractive - 下一代DOM操做。
  • vue - 構建交互式界面的直觀，快速和可組合的MVVM。
  • 淘汰賽 - 淘汰賽讓使用JavaScript建立富有響應性的用戶界面變得更加容易。
  • spine - 用於構建JavaScript應用程序的輕量級MVC庫。
  • espresso.js - 用於製做用戶界面的最小JavaScript庫。
  • canjs - 能夠作JS，更好，更快，更容易。
  • 反應 - 創建用戶界面的庫。它是聲明性的，高效的，而且很是靈活。適用於虛擬DOM。
  • hyperapp - 1kb JavaScript庫，用於構建前端應用程序。
  • preact - 使用相同的ES6 API進行快速3kb React替代。組件和虛擬DOM。
  • nativescript - 使用JavaScript構建真正的本地跨平臺iOS和Android應用程序
  • react-native - 使用React構建本機應用程序的框架。
  • 暴動 - 相似反應的圖書館，但體積很是小。
  • 胸部 - 增強你的骨幹。
  • chaplin - 使用Backbone.js庫的JavaScript應用程序體系結構。
  • marionette - Backbone.js的複合應用程序庫，旨在簡化大規模JavaScript應用程序的構建。
  • 漣漪 - 構建反應視圖的基礎。
  • 鉚釘 - 輕量級和強大的數據綁定+模板解決方案。
  • derby - MVC框架能夠輕鬆編寫在Node.js和瀏覽器中運行的實時協做應用程序。
  • way.js - 簡單，輕量，持久的雙向數據綁定。
  • mithril.js - Mithril是一個客戶端MVC框架（輕量級，強大，快速）。
  • jsblocks - jsblocks更好的MV-ish框架。
  • LiquidLava - 用於構建用戶界面的透明MVC框架。
  • 羽毛 - 爲將來的應用程序提供最簡約的實時JavaScript框架。
  • Keo - 具備Shadow DOM支持功能的無狀態React組件。

基於節點的CMS框架

  • KeystoneJS - 強大的CMS和Web應用程序框架
  • Reaction Commerce - 反應式CMS，實時體系結構和設計
  • 幽靈 - 簡單，強大的發佈平臺
  • 撇號 - 內容編輯和基本服務的CMS
  • We.js - 實時應用程序，網站或博客的框架
  • Hatch.js - 具備社交功能的CMS平臺。
  • TaracotJS - 基於Node.js的快速極簡CMS
  • Nodizecms - 適用於CoffeeScript愛好者的CMS
  • 科迪 - CMS與WSYWYG編輯器
  • PencilBlue - CMS和博客平臺

模板引擎

模板引擎容許您執行字符串插值。前端

  • mustache.js - 在JavaScript中使用{{mustaches}}進行最小化模板。
  • handlebars.js - Mustache模板語言的擴展。
  • hogan.js - Mustache模板語言的編譯器。
  • doT - 用於nodejs和瀏覽器的最快+簡潔的javascript模板引擎。
  • dustjs - 瀏覽器和node.js的異步模板。
  • eco - 嵌入CoffeeScript模板。
  • JavaScript模板 - <1KB輕量級，快速且功能強大的JavaScript模板引擎，具備零依賴關係。
  • t.js - 一個小巧的JavaScript模板框架，大約400字節gzipped。
  • 帕格 - 堅固，優雅，功能豐富的nodejs模板引擎。（之前稱玉）
  • EJS - 有效的JavaScript模板。
  • 節點和瀏覽器的xtemplate - eXtensible Template Engine lib
  • marko - Node.js快速，輕量級，基於HTML的模板引擎，以及帶有異步，流媒體，自定義標籤和CommonJS模塊做爲編譯輸出的瀏覽器。
  • swig - 一個簡單，功能強大且可擴展的Node.js和基於瀏覽器的JavaScript模板引擎。

文章和帖子

數據可視化

數據可視化工具的網絡。vue

  • d3 - HTML和SVG的JavaScript可視化庫。
    • metrics-graphics - 爲簡明，有原則的數據圖形和佈局而優化的庫。
  • pykcharts.js - 精心設計的d3.js圖表​​，沒有d3.js的複雜性。
  • three.js - JavaScript 3D庫。
  • Chart.js - 使用標記的簡單HTML5圖表。
  • paper.js - 矢量圖形腳本的瑞士軍刀 - Scriptographer使用HTML5 Canvas移植到JavaScript和瀏覽器。
  • fabric.js - Javascript Canvas庫，SVG到畫布（和畫布到SVG）解析器。
  • peity - 進度條，線條和餅圖。
  • 拉斐爾 - JavaScript矢量圖書館。
  • echarts - 企業圖表。
  • vis - 基於瀏覽器的動態可視化庫。
  • two.js - 渲染器不可知的用於網絡的二維繪製API。
  • g.raphael - 圖表爲Raphaël。
  • sigma.js - 專門用於圖形繪製的JavaScript庫。
  • arbor - 使用web工做者和jQuery的圖形可視化庫。
  • 立體派 - 用於可視化時間序列的D3插件。
  • dc.js - 構建的多維製圖與使用d3.js呈現的crossfilter自己一塊兒工做
  • vega - 一種可視化文法。
  • processing.js - Processing.js使您的數據可視化工做使用Web標準而且不須要任何插件
  • envisionjs - 動態HTML5可視化。
  • 人力車 - 用於建立交互式實時圖的JavaScript工具包。
  • flot - jQuery的有吸引力的JavaScript圖表。
  • morris.js - 漂亮的時間序列線圖。
  • nvd3 - 爲d3.js構建可重複使用的圖表和圖表組件
  • svg.js - 用於操做和動畫SVG的輕量級庫。
  • heatmap.js - 用於基於HTML5畫布的熱圖的JavaScript庫。
  • jquery.sparkline - 一個用於jQuery javascript庫的插件，用於直接在瀏覽器中生成小的sparkline圖表。
  • xCharts - 一個用於構建自定義圖表和圖形的基於D3的庫。
  • trianglify - 帶d3.js的低聚風格背景生成器
  • d3-cloud - 用JavaScript建立詞雲。
  • d4 - D3的友好可複用圖表DSL。
  • dimple.js - 易於由d3支持的業務分析圖表
  • chartist-js - 簡單的響應式圖表。
  • 時代 - 一個通用實時圖表庫。
  • c3 - 基於D3的可重用圖表庫。
  • BabylonJS - 使用HTML 5和WebGL構建3D遊戲的框架。
  • recharts - 用React和D3構建的從新定義圖表庫
  • GraphicsJS - 基於SVG / VML技術的基於直觀API的輕量級JavaScript圖形庫。

還有一些很棒的商業圖書館，如amchart，anychart，plotly和highchart。html5

時間線

電子表格

  • HANDSONTABLE - Handsontable是面向開發人員的JavaScript / HTML5電子表格庫

編者

  • ace - Ace（Ajax.org Cloud9編輯器）。
  • CodeMirror - 瀏覽器內代碼編輯器。
  • esprima - 用於多用途分析的ECMAScript解析基礎架構。
  • 羽毛筆 - 帶有API的跨瀏覽器富文本編輯器。
  • 中等編輯器 - Medium.com所見即所得編輯器克隆。
  • 筆 - 享受實時編輯（+降價）。
  • jquery-notebook - 一個簡單，乾淨而優雅的文本編輯器。靈感來自中等的迷人。
  • bootstrap-wysiwyg - 微型bootstrap兼容所見即所得豐富的文本編輯器。
  • ckeditor-releases - 爲每一個人提供最好的網絡文本編輯器。
  • 編輯器 - 降價編輯器。仍在發展中。
  • EpicEditor - 一款嵌入式JavaScript Markdown編輯器，具備分屏全屏編輯，實時預覽，自動草稿保存，離線支持等功能。
  • jsoneditor - 用於查看，編輯和格式化JSON的基於Web的工具。
  • vim.js - Vim的JavaScript端口，帶有持久的〜/ .vimrc
  • Squire - HTML5富文本編輯器。
  • TinyMCE - JavaScript Rich Text編輯器。
  • trix - 平常寫做的富文本編輯器。由Basecamp。
  • Trumbowyg - 一個輕量級和驚人的所見即所得的JavaScript編輯器。
  • Draft.js - 用於構建文本編輯器的React框架。
  • bootstrap-wysihtml5 - 簡單，美麗的wysiwyg編輯器
  • wysihtml5 - 基於HTML5和漸進加強方法的開源富文本編輯器。使用複雜的安全概念，旨在經過防止不可維護的標籤湯和內聯樣式生成徹底有效的HTML5標記。
  • 猛禽編輯器 - Raptor，一款HTML5所見即所得的內容編輯器！
  • Popline - Popline是一個HTML5 Rich-Text-Editor工具欄

文檔

  • DevDocs是一個全功能的API文檔閱讀器，具備快速，有組織，一致的界面。
  • dexy是一個自由形式的文字記錄工具，用於編寫任何類型的包含代碼的技術文檔。
  • docco是一個快速而骯髒的，長達百年的文字編程風格的文檔生成器。
  • styledocco從樣式表生成文檔和樣式指南文檔。
  • Ronn編寫手冊。它將簡單的，人類可讀的文本文件轉換爲用於終端顯示的roff，以及用於web的HTML。
  • dox是一個用節點編寫的JavaScript文檔生成器。Dox再也不爲您的文檔生成自定義的結構或樣式，它只是給您一個JSON表示，容許您使用markdown和JSDoc樣式標記。
  • jsdox是Markdown文檔生成器的JSDoc3。
  • 對於JavaScript來講，ESDoc是一個很好的文檔生成器。
  • YUIDoc是一個Node.js應用程序，它使用相似於Javadoc和Doxygen等工具的語法從源代碼中的註釋生成API文檔。
  • coddoc是一個jsdoc解析庫。Coddoc的不一樣之處在於，它容許用戶經過使用coddoc.addTagHandler和coddoc.addCodeHandler來添加標籤和代碼解析器，從而輕鬆擴展。coddoc也解析API中使用的源代碼。
  • 獅身人面像是一個工具，能夠很容易地建立智能和美麗的文檔
  • 使用JSDoc
  • 美麗的文檔是基於降價文件的文檔查看器。
  • documentation.js - API文檔生成器，支持ES2015 +和流程註釋。
  • jsduck - 用於Sencha JavaScript框架的API文檔生成器，但也可用於其餘框架。

檔

用於處理文件的庫。java

  • Papa Parse - 一個功能強大的CSV庫，支持解析CSV文件/字符串並導出爲CSV。
  • jBinary - 使用聲明性語法描述文件類型和數據結構的二進制文件的高級I / O（加載，解析，操做，序列化，保存）。
  • diff2html - Git diff輸出解析器和漂亮的HTML生成器。
  • jsPDF - JavaScript PDF生成。

功能編程

功能性編程庫擴展了JavaScript的功能。node

  • 下劃線 - JavaScript的實用程序_帶。
  • lodash - 提供一致性，定製，性能和附加功能的實用程序庫。
  • Sugar - 用於使用本機對象的Javascript庫。
  • lazy.js - 像Underscore，但更懶。
  • ramda - Javascript程序員的實用函數庫。
  • mout - 模塊化JavaScript實用程序。
  • 網格 - 可Streamable數據同步實用程序。
  • preludejs - 用於JavaScript的硬核函數式編程。

無功編程

反應式編程庫來擴展JavaScript的功能。react

  • RxJs - JavaScript的反應式擴展。
  • 培根 - 用於Javascript的FRP（功能反應式編程）庫。
  • 酸牛奶 - FRP JavaScript庫經過Bacon.js和RxJS靈感與專一於高性能和低內存消耗。
  • 高地 - 從新思考JavaScript工具帶，Highland能夠輕鬆管理同步代碼和異步代碼，只需使用標準的JavaScript和相似節點的流。
  • Most.js - 高性能玻璃鋼庫。
  • MobX - 用於簡單，可擴展狀態管理的TFRP庫。
  • Cycle.js - 用於更簡潔的代碼的功能性和反應性JavaScript庫。

數據結構

數據結構庫構建更復雜的應用程序。jquery

  • immutable-js - 不可變數據集合，包括序列，範圍，重複，映射，OrderedMap，集合和稀疏向量。
  • mori - 一個使用ClojureScript持久數據結構並支持來自溫馨的vanilla JavaScript的API的庫。
  • 存儲桶 - 用JavaScript編寫的完整的，通過充分測試和記錄的數據結構庫。
  • hashmap - 簡單的hashmap實現，支持任何種類的密鑰。

日期

日期庫。

  • 時刻 - 在javascript中解析，驗證，操做和顯示日期。
  • moment-timezone - 支持moment.js 的時區。
  • jquery-timeago - 一個jQuery插件，能夠很容易地支持自動更新模糊時間戳（例如「4分鐘前」）。
  • timezone-js - 啓用時區的JavaScript日期對象。爲時區數據使用Olson zoneinfo文件。
  • 日期 - 人類的日期（）。
  • ms.js - 微小的毫秒轉換工具。
  • countdown.js - 超級簡單的倒計時。
  • timeago.js - 用於使用*** time ago語句格式化日期的簡單庫（小於2kb）。
  • fecha - 輕量級日期格式化和解析（〜2KB）。意味着替換moment.js的解析和格式化功能。
  • date-fns - 現代JavaScript日期實用程序庫。

串

字符串庫。

  • voca - 最終的JavaScript字符串庫
  • 選擇 - 容許您訪問用戶選擇的文本的庫
  • underscore.string - Underscore.js JavaScript庫的字符串操做擴展。
  • string.js - 額外的JavaScript字符串方法。
  • 他 - 用JavaScript編寫的健壯的HTML實體編碼器/解碼器。
  • 多行 - JavaScript中的多行字符串。
  • query-string - 解析和字符串化URL查詢字符串。
  • URI.js - Javascript網址突變庫。
  • jsurl - 使用JavaScript輕量級URL操做。
  • sprintf.js - 一個sprintf實現。
  • url-pattern - 比正則表達式匹配Url和其餘字符串的模式更容易。將字符串轉換爲數據或數據成字符串

數

  • Numeral-js - 用於格式化和操做數字的JavaScript庫。
  • chance.js - Javascript中的隨機生成器助手。能夠生成數字，字符串等
  • 里程錶 - 輕鬆過渡數字。
  • accounting.js - 用於數字，貨幣和貨幣格式的輕量級JavaScript庫 - 徹底可本地化，零依賴關係。
  • money.js - 一個小小的（1kb）javascript貨幣轉換庫，用於web和nodeJS。
  • Fraction.js - 用於JavaScript的理性數字庫
  • Complex.js - 一個用於JavaScript的複雜數字庫
  • Polynomial.js - JavaScript的多項式庫

存儲

  • store.js - 全部瀏覽器的LocalStorage包裝器，無需使用cookie或flash。引擎蓋下使用localStorage，globalStorage和userData行爲。
  • localForage - 離線存儲，改進。使用簡單但功能強大的API來包裝IndexedDB，WebSQL或localStorage。
  • jStorage - jStorage是一個簡單的鍵/值數據庫，用於在瀏覽器端存儲數據。
  • 跨存儲 - 具備權限的跨域本地存儲。
  • basket.js - 用於使用localStorage緩存和加載腳本的腳本和資源加載器。
  • bag.js - 緩存腳本和資源加載器，與basket.js相似，但具備額外的k / v接口和localStorage / websql / indexedDB支持。
  • basil.js - 缺乏Javascript智能持久層。
  • jquery-cookie - 一個簡單，輕量級的jQuery插件，用於讀取，寫入和刪除cookie。
  • js-cookie - 用於處理瀏覽器cookie的簡單輕量級JavaScript API
  • Cookie - JavaScript客戶端Cookie操做庫。
  • DB.js - 基於Promise的IndexDB包裝庫
  • lawnchair.js - 簡單的客戶端JSON存儲。
  • sql.js - SQLite經過Emscripten編譯成JavaScript。

顏色

  • randomColor - JavaScript的顏色生成器。
  • chroma.js - 用於各類顏色操做的JavaScript庫。
  • 顏色 - JavaScript顏色轉換和操做庫。
  • 顏色 - 更智能的網頁顏色默認值。
  • PleaseJS - 用於建立隨機愉悅顏色和配色方案的JavaScript庫。
  • TinyColor - JavaScript的快速，小型顏色處理和轉換。
  • Vibrant.js - 從圖像中提取突出的顏色。

I18n和L10n

本地化（l10n）和國際化（i18n）JavaScript庫。

  • i18next - 國際化（i18n）用javascript簡單的方法。
  • polyglot - 小i18n輔助庫。
  • babelfish - i18n與人性化的API和創建在複數的支持。

類

  • ClassManager - 世界上最快和最方便的班級系統之一
  • klass - 用於在JavaScript中建立表現力類的實用程序。
  • 加強 - 世界上最小最快的傳統JavaScript繼承模式。

控制流

  • 異步 - 節點和瀏覽器的異步實用程序。
  • q - 在JavaScript中製做和編寫異步承諾的工具。
  • step - 一個異步控制流庫，使邏輯更容易。
  • contra - 具備功能性味道的異步流量控制。
  • 藍鳥 - 功能齊全的承諾庫，專一於創新功能和性能。
  • 當 - 一個堅實的，快速的Promises / A +和when（）實現，加上其餘異步好東西。
  • ObjectEventTarget - 提供一個爲事件偵聽器添加支持的原型（具備來自瀏覽器上可用的DOMElement的EventTarget的相同行爲）。

路由

  • 導演 - 一個小巧且同構的JavaScript路由器。
  • page.js - 受Express路由器啓發的微型客戶端路由器（約1200字節）。
  • pathjs - Web瀏覽器的簡單輕量級路由。
  • 十字路口 - JavaScript路線。
  • davis.js - 使用pushState進行RESTful可降解JavaScript路由。

安全

  • DOMPurify - 一種DOM，僅用於HTML，MathML和SVG的超快速，超級容錯XSS消毒劑。
  • js-xss - 使用白名單指定的配置清理不受信任的HTML（以阻止XSS）。
  • xss-filters - Yahoo安全XSS過濾器

日誌

  • 日誌 - 帶有樣式的Console.log。
  • Conzole - 一個內置在JavaScript中的調試面板，它將javascript本地控制檯對象方法和功能封裝在頁面內顯示的面板中。
  • console.log-wrapper - 清晰地在任何瀏覽器中登陸到控制檯。
  • loglevel - JavaScript的最小輕量級日誌記錄，添加可靠的日誌級別方法來包裝任何可用的console.log方法。
  • minilog - 使用Stream-API後端的輕量級客戶端和服務器端日誌記錄
  • 故事板 - 通用日誌庫+ Chrome擴展; 它可讓您看到全部客戶端和服務器任務在一個地方經過用戶操做觸發。

正則表達式

  • RegEx101 - 用於JavaScript的在線正則表達式測試器和調試器。還支持Python，PHP和PCRE。
  • RegExr - 基於HTML / JS的工具，用於建立，測試和學習正則表達式。
  • RegExpBuilder - 使用連接方法建立正則表達式。

語音控制

  • annyang - 一個JavaScript庫，用於使用語音識別爲您的網站添加語音命令。
  • voix.js - 爲您的網站，應用或遊戲添加語音命令的JavaScript庫。

API

  • 瓶頸 - 一個強大的速率限制器，使節流變得簡單。
  • oauth-signature-js - 用於節點和瀏覽器的JavaScript OAuth 1.0a簽名生成器。
  • amygdala - 基於JavaScript的Web應用程序的RESTful HTTP客戶端。
  • jquery.rest - 一個易於使用RESTful API的jQuery插件。
  • Rails Ranger - 用於Ruby on Rails API的自定義REST客戶端。

流

  • 定製 - 前端微服務的流式佈局服務，受Facebook的BigPipe啓發。

視覺檢測

  • tracking.js - 一種用於網絡計算機視覺的現代方法。
  • ocrad.js - 經過Emscripten在Javascript中進行OCR。

機器學習

  • ConvNetJS - 深刻學習Javascript。在您的瀏覽器中訓練卷積神經網絡（或普通網絡）。
  • DN2A - 數字神經網絡架構。
  • Brain.js - JavaScript中的神經網絡。
  • Mind.js - 靈活的神經網絡庫。
  • Synaptic.js - 用於node.js和瀏覽器的無架構神經網絡庫。
  • deeplearn.js - 用於網絡的硬件加速機器智能庫。

瀏覽器檢測

  • bowser - 瀏覽器檢測器

基準

  • benchmark.js - 基準庫。在jsPerf.com上使用。
  • 抹茶 - 咖啡因驅動，簡單化的基準測試方法。

代碼突出顯示

  • Highlight.js - Javascript語法熒光筆。
  • PrismJS - 輕量級，強大，優雅的語法突出顯示。

載入狀態

用於指示負載狀態的庫。

  • Mprogress.js - 建立Google Material Design進度線性條。
  • NProgress - Ajax'y應用程序的細化進度條。
  • Spin.js - 一個旋轉活動指標。
  • progress.js - 爲頁面上的每一個對象建立和管理進度條。
  • progressbar.js - 帶有動畫SVG路徑的美麗響應式進度條。
  • 步伐 - 自動添加進度條到您的網站。
  • topbar - 小巧美觀的網站級進度指示器。
  • nanobar - 很是輕量級的進度條。沒有jQuery。
  • PageLoadingEffects - 使用SVG動畫顯示新內容的現代方法。
  • SpinKit - 用CSS動畫的加載指示符的集合。
  • Ladda - 帶有內置加載指示器的按鈕。
  • css-loaders - 一組使用CSS動畫的加載微調器

除了庫以外，還有Codepen上的Collection，以及Ajaxload，Preloaders和CSSLoad等生成器。

驗證

  • Parsley.js - 驗證你的表單，前端，而不用寫一行javascript。
  • jQuery驗證 - jQuery驗證插件。
  • validator.js - 字符串驗證和消毒。
  • validate.js - 受CodeIgniter啓發的輕量級JavaScript表單驗證庫。
  • validatr - 跨瀏覽器HTML5表單驗證。
  • FormValidation - 最好的jQuery插件來驗證表單域。之前是BootstrapValidator。
  • is.js - 檢查類型，正則表達式，狀態，時間等。
  • FieldVal - 多用途驗證庫。支持同步和異步驗證。

鍵盤包裝

  • mousetrap - 用於在Javascript中處理鍵盤快捷鍵的簡單庫。
  • keymaster - 用於定義和分配鍵盤快捷方式的簡單微庫。
  • 按鍵 - 鍵盤輸入捕捉工具，其中任何鍵均可以成爲修飾鍵。
  • KeyboardJS - 一個用於綁定鍵盤組合的JavaScript庫，沒有關鍵代碼和關鍵組合衝突的麻煩。
  • jquery.hotkeys - jQuery Hotkeys讓你能夠在代碼中的任何地方觀看鍵盤事件，支持幾乎任何組合鍵。
  • jwerty - 使人敬畏的鍵盤事件處理。

旅遊和指南

  • intro.js - 爲您的網站和項目提供新功能介紹和分步用戶指南的更好方式。
  • 牧羊人 - 引導你的用戶瀏覽你的應用程序。
  • bootstrap-tour - 使用Twitter Bootstrap Popovers快速輕鬆地進行產品導覽。
  • 遊客 - 爲您的應用程序提供簡單靈活的遊覽。
  • chardin.js - 簡單的覆蓋說明爲您的應用程序。
  • pageguide - 一個使用jQuery和CSS3的網頁元素交互式指南。
  • 跳房子 - 使開發人員能夠輕鬆地將產品導覽添加到其頁面的框架。
  • joyride - jQuery功能導覽插件。
  • focusable - 將焦點集中在DOM元素上，爲頁面的其他部分添加覆蓋層。

通知

  • iziToast - 優雅，響應靈活，輕量級的通知插件，無需依賴。
  • 信使 - 咆哮式的警報和消息爲您的應用程序。
  • noty - jQuery通知插件。
  • pnotify - 用於Bootstrap，jQuery UI和Web通知草稿的JavaScript通知。
  • toastr - 簡單的JavaScript吐司通知。
  • humane-js - 一個簡單，現代的瀏覽器通知系統。
  • smoke.js - 針對javascript的框架不可知的樣式化警報系統。
  • notie - 簡單的通知和輸入，沒有依賴關係。

滑塊

  • Swiper - 移動觸摸滑塊和具備硬件加速轉換的框架。
  • 光滑 - 你將須要的最後一個旋轉木馬。
  • slidesJs - 是一款針對JQuery（1.7.1+）的反應靈敏的幻燈片插件，具備觸摸和CSS3轉換等功能
  • FlexSlider - 一個很是棒的，徹底響應式的jQuery滑塊插件。
  • unslider - 最簡單的jQuery滑塊。
  • 狡猾 - 基於項目導航支持的單向滾動JavaScript庫。
  • 拉斯維加斯 - 一個jQuery插件添加美麗的全屏幕背景到您的網頁。它甚至容許幻燈片。
  • 序列 - 用於建立響應滑塊，演示文稿，橫幅和其餘基於步驟的應用程序的CSS動畫框架。
  • reveal.js - 使用HTML輕鬆建立精美演示文稿的框架。
  • impress.js - 這是一個基於CSS3在現代瀏覽器中轉換和轉換的功能的演示框架，並受到prezi.com背後想法的啓發。
  • bespoke.js - DIY演示微型框架
  • Strut - Strut - Impress.js和Bespoke.js演示文稿編輯器
  • PhotoSwipe - 用於移動和桌面，模塊化，獨立於框架的JavaScript圖片庫。
  • jcSlider - 一個帶CSS動畫的響應滑塊jQuery插件。
  • basic-jquery-slider - 簡單易用，簡單到主題，簡單定製。
  • jQuery.adaptive-slider - 一個帶有自適應彩色無花果和導航的滑塊的jQuery插件。
  • 滑動 - 添加一些幻燈片效果。
  • 輕觸 - 觸摸，響應，可滑動的畫廊。
  • Glide.js - 響應式和觸摸友好的jQuery滑塊。它簡單，輕巧，快捷。
  • jQuery.adaptive-slider - 一個帶有自適應彩色無花果和導航的滑塊的jQuery插件。

範圍滑塊

  • Ion.RangeSlider - 功能強大且易於定製的範圍滑塊，提供多種選項和皮膚支持。
  • jQRangeSlider - 一個支持日期的javascript滑塊選擇器。
  • noUiSlider - 輕量級，高度可定製的範圍滑塊，無臃腫。
  • rangeslider.js - HTML5輸入範圍滑塊元素填充。

窗體小部件

輸入

  • typeahead.js - 一個快速且全功能的自動完成庫。
  • tag-it - 一個jQuery UI插件，用於處理多標籤字段以及標籤建議/自動完成。
  • At.js - 像提到自動完成同樣添加Github到您的應用程序。
  • Placeholders.js - 用於HTML5佔位符屬性的JavaScript polyfill。
  • fancyInput - 使用CSS3效果在輸入字段中輸入趣味。
  • jQuery-Tags-Input - 用這個jQuery插件將一個簡單的文本輸入轉換成一個很酷的標籤列表。
  • vanilla-masker - 純粹的javascript掩碼輸入。
  • Ion.CheckRadio - 用於樣式複選框和單選按鈕的jQuery插件。擁有皮膚支持。
  • awesomplete - 超輕量級，可用，美麗的自動完成與零依賴關係。- http://leaverou.github.io/awesomplete/

日曆

  • pickadate.js - 移動友好的，響應式的，輕量級的jQuery日期和時間輸入選擇器。
  • bootstrap-datepicker - 用於@twitter bootstrap的日期選擇器，由Stefan Petre（eyecon.ro）分叉，由@eternicode改進。
  • Pikaday - 使人耳目一新的JavaScript Datepicker - 輕量級，無依賴性，模塊化CSS。
  • fullcalendar - 全尺寸的拖放事件日曆（jQuery插件）。
  • 羅馬 - 可定製的日期（和時間）選擇器。無依賴關係，選擇加入用戶界面。
  • datedropper - datedropper是一個jQuery插件，它爲管理輸入字段的日期提供了一種快捷方便的方法。

選擇

  • selectize.js - 選擇是文本框和選擇框的混合。它基於jQuery，具備自動完成和原生感受的鍵盤導航; 用於標記，聯繫人列表等。
  • select2 - 一個基於jQuery的替代選擇框。它支持搜索，遠程數據集和結果的無限滾動。
  • 選擇 - 一個圖書館，使長，笨重的選擇框更友好。

文件上傳器

  • jQuery的文件上傳 - 文件上傳小部件與多個文件選擇，拖放支持，進度條，驗證和預覽圖像，音頻和視頻的jQuery。
  • dropzone - Dropzone是一個易於使用的拖放庫。它支持圖像預覽並顯示很好的進度條。
  • flow.js - 經過HTML5 File API提供多個同時，穩定，容錯和可恢復/可從新啓動的文件上傳的JavaScript庫。
  • fine-uploader - 多個文件上傳插件，帶進度條，拖放，直接上傳到S3。
  • FileAPI - 一組用於處理文件的JavaScript工具。Multiupload，drag'n'drop和分塊文件上傳。圖像：EXIF裁剪，調整大小和自動定位。
  • plupload - 一個用於處理文件上傳的JavaScript API，它支持多種文件選擇，文件類型過濾，請求分塊，客戶端圖像縮放等功能，並使用不一樣的運行時間來實現此功能，例如HTML 5，Silverlight和Flash。

其餘

  • 表單 - jQuery表單插件。
  • Garlic.js - 自動保存表單的文本並在本地選擇字段值，直到表單被提交。
  • Countable - 一個JavaScript函數，用於將實時的段落，單詞和字符計數添加到HTML元素。
  • 卡 - 在一行代碼中使您的信用卡表單更好。
  • 有彈性 - 表單元素自動調整，它應該是。

提示

  • tipsy - Facebook風格的jQuery提示插件。
  • opentip - 基於原型框架的開源javascript工具提示。
  • qTip2 - 很是強大的工具提示。
  • tooltipster - 一個jQuery工具提示插件。
  • simptip - 用Sass製做的一個簡單的CSS工具提示。
  • jquery-popup-overlay - 用於響應式和可訪問的模態窗口和工具提示的jQuery插件。
  • 工具欄 - 工具提示樣式工具欄jQuery插件
  • hint.css - CSS中的工具提示庫，用於您可愛的網站。

模式和彈出窗口

  • Magnific-Popup - 重點在於性能的燈光和響應式燈箱腳本。
  • jquery-popbox - jQuery PopBox UI元素。
  • jquery.avgrund.js - 一個帶有彈出窗口新模態概念的jQuery插件。
  • vex - 一個高度可配置且易於風格的現代對話庫。
  • bootstrap-modal - 擴展默認的Bootstrap Modal類。響應式，可堆疊，ajax等等。
  • css-modal - 由純CSS構建的模式。
  • jquery-popup-overlay - 用於響應式和可訪問的模態窗口和工具提示的jQuery插件。
  • SweetAlert - 一個真棒替代JavaScript的警報。
  • baguetteBox.js - 用純JavaScript編寫的簡單易用的燈箱腳本。
  • colorbox - 一個輕量級，可定製的jQuery插件。
  • fancyBox - 一種工具，它爲您的網頁上的圖像，html內容和多媒體添加縮放功能提供了一種不錯而優雅的方式。
  • swipebox - 一個可觸摸的jQuery燈箱
  • jBox - jBox是一個功能強大且靈活的jQuery插件，負責處理全部彈出窗口，工具提示，通知等等。

滾動

  • scrollMonitor - 一個簡單而快速的API，用於在您滾動時監視元素。
  • 高空間 - 給你的頁面一些空間。隱藏你的標題，直到你須要它。
  • onepage-scroll - 使用One Page Scroll插件建立一個相似蘋果的頁面滾動網站（iPhone 5S網站）。
  • iscroll - iScroll是一款高性能，小尺寸，無依賴關係的多平臺JavaScript滾動器。
  • skrollr - 適用於手機（Android + iOS）和桌面的獨立視差滾動庫。沒有jQuery。
  • 視差 - 對智能設備的方向有反應的視差引擎。
  • stellar.js - 視差滾動變得簡單。
  • plax - jQuery支持parallaxing。
  • jparallax - 用於建立交互式視差效果的jQuery插件。
  • fullPage - 一個簡單易用的插件來建立全屏滾動網站（也稱爲單頁網站）。
  • ScrollMenu - 一個新的界面來取代舊的枯燥的滾動條。
  • Clusterize.js - Tiny vanilla JS插件輕鬆顯示大型數據集。

菜單

  • jQuery-menu-aim - jQuery插件在用戶的光標瞄準特定的下拉菜單項時觸發事件。用於製做像亞馬遜這樣的響應式巨型下拉菜單。
  • jQuery contextMenu - contextMenu管理器。
  • 撥出 - 用於移動網絡應用的響應式觸摸滑動導航菜單。
  • 滑動和滑動 - 與touchSwipe庫一塊兒使用的滑動滑動菜單。

表/網格

  • jTable - 一個用於建立基於AJAX的CRUD表的jQuery插件。
  • DataTables - （jQuery插件）這是一個高度靈活的工具，基於漸進加強的基礎，並將高級交互控件添加到任何HTML表格。
  • floatThead - （jQuery插件）在正文內滾動時鎖定任何表格的標題。適用於任何表格，不須要自定義html或css。
  • 砌體 - 級聯網格佈局庫。
  • 包裝 - 使用裝箱算法的網格佈局庫。可用於可拖動佈局。
  • 同位素 - 可過濾，可排序的網格佈局庫。能夠實施砌體，包裝和其餘佈局。
  • flexboxgrid - 基於CSS3 flexbox的網格

構架

  • 語義UI - 包含大量主題和元素的UI工具包
  • w2ui - 一組用於前端開發數據驅動的Web應用程序的jQuery插件。
  • 流動性 - 世界上最小的徹底響應的CSS框架
  • 墨水 - SAPO使用的HTML5 / CSS3框架，用於快速高效的網站設計和原型製做

Boilerplates

  • html5-boilerplate - 專業的前端模板，用於構建快速，強大且可適應的Web應用程序或網站。
  • 移動樣板 - 可幫助您構建快速，現代化的移動Web應用程序的前端模板。
  • webplate - 一個很是棒的前端框架，可以讓您專一於構建您的網站或應用程序，同時保持真正的易用性。
  • Cerberus - 一些簡單但堅實的HTML電子郵件模式。即便在Outlook中。
  • 全頁面介紹和導航 - 帶有全寬背景圖片，大膽的動畫菜單和導航背後的iOS模糊效果的介紹頁面
  • 流體方塊 - 方形單位的流體網格。
  • Mobile-First-RWD - 移動優先響應式網頁設計的一個例子
  • 這是響應 - 這是響應
  • npm run-scripts使用NPM運行腳本進行任務自動化。

手勢

  • hammer.js - 一個用於多點觸控手勢的JavaScript庫。
  • 觸摸模擬器 - 仿真桌面上的觸摸輸入。
  • Dragula - 拖放這麼簡單，它傷害

地圖

  • Leaflet - 用於移動友好交互式地圖的JavaScript庫。
  • 銫 - 開源WebGL虛擬地球儀和地圖引擎。
  • gmaps - 使用Google地圖的最簡單方法。
  • polymaps - 用於在現代Web瀏覽器中製做動態互動地圖的免費JavaScript庫。
  • kartograph.js - Kartograph SVG地圖的開源JavaScript渲染器。
  • mapbox.js - Mapbox JavaScript API，一個Leaflet插件。
  • jqvmap - jQuery矢量地圖庫。
  • OpenLayers3 - 一款高性能，功能豐富的庫，知足您的全部映射需求。

視頻/音頻

  • prettyembed.js - 爲您的YouTubes提供更美觀的嵌入 - 具備高分辨率預覽圖像，嵌入選項的高級自定義以及可選的FitVids支持等不錯的選項。
  • html5media - 在全部主流瀏覽器中啓用和標記。https://html5media.info/
  • Play-em JS - Play'em是一個JavaScript組件，用於管理音樂/視頻曲目隊列，並經過將多個播放器嵌入HTML DIV（包括Youtube，Soundcloud和Vimeo）來播放歌曲序列。
  • 多人遊戲 - 使用一個API管理YouTube，Soundcloud和Vimeo播放器
  • 流式播放器 - 用於Web的HTML5視頻播放器 https://flowplayer.org/
  • mediaelement - 包含Flash和Silverlight Shim的 HTML5或播放器，它們模仿HTML5 MediaElement API，在全部瀏覽器中啓用一致的UI。http://mediaelementjs.com/
  • SoundJS - 一個使網絡上的音頻更容易處理的庫。它爲在不一樣瀏覽器中播放音頻提供了一致的API。
  • video.js - Video.js - 開源的HTML5和Flash視頻播放器
  • FitVids.js - 一個輕量級，易於使用的流體寬度視頻嵌入jQuery插件。
  • Ion.Sound - 任何網頁上的簡單聲音
  • photobooth-js - 容許用戶在您的網站上拍攝他們的頭像圖片的小部件
  • clappr - 網絡http://clappr.io的可擴展媒體播放器

活版印刷

  • FlowType.JS - 最好的Web版式：基於元素寬度的字體大小和行高。
  • BigText - jQuery插件計算將文本行與特定寬度相匹配所需的字體大小和字間距。
  • circletype - 一個jQuery插件，可以讓您在網絡上進行曲線類型
  • slabText - 一個jQuery插件，用於製做大而大膽的響應式標題
  • 簡單文本旋轉 - 添加一個超級簡單的旋轉文本到您的網站幾乎沒有標記
  • novacancy.js - 文本霓虹黃金效應jQuery插件。
  • jQuery響應文本 - 讓你的文字大小反應！
  • FitText.js - 一個用於擴展 Web類型的jQuery插件
  • Lettering.js - 一款輕量級，易於使用的JavaScript <span>注入器，用於激進的Web排版

動畫

圖像處理

  • lena.js - 一個用於使用濾波器和util函數進行圖像處理的庫。
  • pica - 高質量圖像調整大小（使用快速Lanczos過濾器，以純JS實現）。
  • 割草機 -一個簡單的jQuery圖像裁剪插件。

ES6

SDK

雜項

  • echo - 使用data- *屬性延遲加載圖像。
  • picturefill - 用於<picture>，srcset，sizes的響應式圖像填充。
  • platform.js - 一款可在幾乎全部JavaScript平臺上運行的平臺檢測庫。
  • json3 - 與幾乎全部JavaScript平臺兼容的現代JSON實現。
  • 邏輯與否 - 關於JavaScript特性的遊戲。
  • BitSet.js - 一個JavaScript位向量實現
  • 擾流警報 - SPOILER警報！一個快樂的小jquery插件來隱藏你的網站上的破壞者。
  • jquery.vibrate.js - 振動API包裝器
  • list.js - 爲表格，列表和各類HTML元素添加搜索，排序，過濾和靈活性。構建爲不可見，並在現有的HTML上工做。http://www.listjs.com
  • mixitup - MixItUp - 一個過濾器和排序插件
  • 網格 - 爲二維，可調整大小和響應列表拖放庫。
  • jquery-match-height - jQuery的響應平等高度插件。
  • survey.js - JavaScript調查引擎。它使用JSON做爲調查元數據和結果。http://surveyjs.org/
  • 數組資源管理器和對象資源管理器 - 資源可幫助肯定在任何給定時間最適合使用的本機JavaScript方法

播客

  • JavaScript Air - 播放全部關於JavaScript和Web平臺的直播視頻。
  • 明日之網 - 播客關於JavaScript的初學者。
  • Javascript Jabber - 關於JavaScript的每週播客，包括Node.js，前端技術，職業生涯，團隊等等。

值得一讀

其餘真棒列表

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程