JavaScript資源大全中文版（Awesome最新版）

時間  2019-11-10
標籤 javascript 資源 大全 中文版 awesome 最新版 欄目 JavaScript 简体版
原文   原文鏈接

JavaScript資源大全中文版（Awesome最新版）

 

Awesome系列的JavaScript資源整理。awesome-javascript是sorrycc發起維護的 JS 資源列表，內容包括：包管理器、加載器、測試框架、運行器、QA、MVC框架和庫、模板引擎、數據可視化、時間軸、編輯器等。css

前端MVC框架與庫

  • angular.js - 前端MVVM框架，支持雙向綁定，實現MVC架構，加強Web應用
  • aurelia -用於移動，桌面和網絡的Javascript客戶端框架。
  • backbone -給你的JS應用程序一些Backbone與模型，視圖，集合和事件。
  • batman.js -Rails開發人員最好的JavaScript框架。　　
  • ember.js -用於建立有抱負的Web應用程序的JavaScript框架
  • meteor -一個超簡單的數據庫，無處不在，數據在線，純JavaScript的Web框架。
  • ractive -下一代DOM操做。
  • vue - 直觀，快速，可組合的MVVM，用於構建交互式界面。
  • knockout -Knockout能夠經過JavaScript建立豐富的響應式用戶界面更容易。
  • spine - 用於構建JavaScript應用程序的輕量級MVC庫。
  • espresso.js -用於建立用戶界面的最小JavaScript庫。
  • canjs -能夠作JS，更好，更快，更簡單.
  • react - 能夠作JS，更好，更快，更容易的創建用戶界面的庫。 它具備聲明性，高效性和極其靈活性。 使用虛擬DOM.
  • preact - 快速3kb反應替代與相同的ES6 API。 組件和虛擬DOM。
  • nativescript -使用JavaScript構建真正的本地跨平臺iOS和Android應用程序
  • react-native -使用React構建本機應用程序的框架.
  • riot -反應式庫，但體積很是小。
  • thorax -增強你的骨幹
  • chaplin - 使用Backbone.js庫的JavaScript應用程序架構。
  • marionette - 用於Backbone.js的複合應用程序庫，旨在簡化大型JavaScript應用程序的構建。
  • ripple -構建反應式意見的微小基礎。
  • rivets - 輕量級和強大的數據綁定+模板解決方案。
  • derby - MVC框架使得易於編寫在Node.js和瀏覽器中運行的實時協做應用程序。
  • way.js -簡單，輕便，持久的雙向數據綁定。
  • mithril.js - Mithril是一個客戶端MVC框架（輕量級，強大，快速）
  • jsblocks -jsblocks是更好的MV-ish框架。
  • LiquidLava - 用於構建用戶界面的透明MVC框架。
  • feathers - 一個用於將來應用程序的簡約實時JavaScript框架。
  • Keo - 功能無狀態使用Shadow DOM支持的React組件。

Package Managers

Host the javascript libraries and provide tools for fetching and packaging them.功能無狀態使用Shadow DOM支持的React組件。html

  • npm -npm是javascript的包管理器。
  • Bower -網絡的軟件包管理器。
  • component - 客戶端軟件包管理，用於構建更好的Web應用程序。
  • spm - 全新的靜態包管理器。
  • jam -一個使用瀏覽器和RequireJS兼容存儲庫的軟件包管理器。
  • jspm -無摩擦瀏覽器包管理。
  • Ender - 沒有圖書館的圖書館。
  • volo -從模板建立前端項目，添加依賴關係，並自動生成項目。
  • Duo -新一代的軟件包管理器將Component，Browserify和Go中的最佳創意融合在一塊兒，使組織和編寫前端代碼變得更加輕鬆無痛。
  • yarn -快速，可靠和安全的依賴關係管理。

Loaders

Module or loading system for JavaScript.模塊或加載系統的JavaScript。前端

  • RequireJS -用於JavaScript的文件和模塊加載程序。
  • browserify - 瀏覽器端須要（）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模塊系統。

Bundlers

  • browserify -Browserify能夠經過捆綁您的全部依賴項在瀏覽器中要求（'模塊'）。
  • webpack - 爲瀏覽器打包CommonJs / AMD模塊。
  • Rollup -下一代ES6模塊捆綁器。
  • Brunch -快速的前端Web應用程序構建工具與簡單的聲明性配置。

Testing Frameworks

Frameworks 快速的前端Web應用程序構建工具與簡單的聲明性配置。

  • mocha - 簡單，靈活，有趣的JavaScript測試框架，用於node.js和瀏覽器。
  • jasmine -無DOM的簡單JavaScript測試框架。
  • qunit -一個易於使用的JavaScript單元測試框架。
  • jest - 無痛JavaScript單元測試。
  • prova -基於Tape and Browserify的Node＆Browser測試運行器
  • DalekJS - 使用JavaScript進行自動跨瀏覽器功能測試
  • Protractor -量角器是AngularJS應用程序的端到端測試框架。
  • tape -節點和瀏覽器的點播生成測試工具。
  • TestCafe - 現代Web開發棧自動瀏覽器測試。

Assertion 斷言

  • chai -用於node.js和可與任何測試框架配對的瀏覽器的BDD / TDD斷言框架。
  • Enzyme -Enzyme是用於React的JavaScript測試工具，能夠更容易地斷言，操做和遍歷您的React Components的輸出。
  • Sinon.JS - 測試間諜，存根和嘲笑JavaScript。
  • expect.js - Node.JS和瀏覽器的極簡BDD風格斷言。

Coverage 覆蓋範圍

  • istanbul - 另外一個JS代碼覆蓋工具。
  • blanket -一個簡單的javascript代碼覆蓋庫。 設計爲易於安裝和使用，對於瀏覽器和nodejs。
  • JSCover -JSCover是一個測量JavaScript程序代碼覆蓋率的工具。

Runner 賽跑者

  • phantomjs - 腳本無頭WebKit。
  • slimerjs - 一個相似PhantomJS的工具，運行Gecko.
  • casperjs -PhantomJS和SlimerJS的導航腳本和測試工具。
  • zombie -使用node.js實現快速，全方位，無頭瀏覽器測試。
  • totoro - 一個簡單穩定的跨瀏覽器測試工具。
  • karma - 用於JavaScript的壯觀測試運動員
  • nightwatch - 基於node.js和selenium webdriver的UI自動測試框架。
  • intern - 用於JavaScript的下一代代碼測試堆棧。
  • yolpo - 瀏覽器中的語句化語句JavaScript解釋器。

QA Tools　ＱＡ工具

  • JSHint - JSHint是一個幫助您檢測JavaScript代碼中的錯誤和潛在問題的工具。
  • jscs - JavaScript代碼樣式檢查器。
  • jsfmt -用於格式化，搜索和重寫JavaScript。
  • jsinspect -檢測複製粘貼和結構類似的代碼.
  • buddy.js - JavaScript的魔法號檢測
  • ESLint - 一種徹底可插入的工具，用於識別和報告JavaScript中的模式。
  • JSLint - 高標準，嚴格和認真的代碼質量工具，旨在保持語言的很好的部分。

Node-Powered CMS Frameworks　節點供電的CMS框架

  • KeystoneJS - 強大的CMS和Web應用程序框架
  • Reaction Commerce -反應性CMS，實時架構和設計
  • Ghost - 簡單，強大的發佈平臺
  • Apostrophe -CMS具備內容編輯和基本服務
  • We.js - 實時應用程序，網站或博客的框架
  • Hatch.js - CMS平臺具備社交功能。
  • TaracotJS - 基於Node.js的快速簡約的CMS
  • Nodizecms -CMS爲CoffeeScript愛好者
  • Cody -CMS與WYSIWYG編輯器
  • PencilBlue -CMS和博客平臺

Templating Engines　模板發動機

Templating engines allow you to perform string interpolation.模板引擎容許您執行字符串插值。vue

  • mustache.js - JavaScript中使用{{mustaches}}的最小模板。
  • handlebars.js - 對小鬍子模板語言的擴展。
  • hogan.js -一個編譯器爲髭模板語言.
  • doT - Nodejs和瀏覽器中最快的簡潔的JavaScript模板引擎。
  • dustjs -用於瀏覽器和node.js.的異步模板
  • eco -嵌入式CoffeeScript模板。
  • JavaScript-Templates - <1KB輕量級，快速強大的JavaScript模板引擎，具備零依賴性。
  • t.js -一個小巧的javascript模板框架在〜400字節gzip壓縮。
  • Jade - 比較好的，功能豐富的模板引擎爲nodejs。
  • EJS -有效的JavaScript模板。
  • xtemplate -用於節點和瀏覽器的可擴展模板引擎lib
  • marko -一個快速，輕量級的基於HTML的模板引擎，用於Node.js，瀏覽器具備異步，流式傳輸，自定義標籤和CommonJS模塊做爲編譯輸出。
  • swig - 一個簡單，強大和可擴展的Node.js和基於瀏覽器的JavaScript模板引擎。

Articles and Posts　文章和帖子

Data Visualization　數據可視化

Data visualization tools for the web.數據可視化工具。html5

  • d3 - HTML和SVG的JavaScript可視化庫。
    • metrics-graphics -針對簡潔，原則的數據圖形和佈局優化的庫。
  • pykcharts.js - 精心設計的d3.js圖表沒有複雜的d3.js.
  • three.js - JavaScript 3D庫。
  • Chart.js -使用標籤的簡單HTML5圖表。
  • paper.js -瑞士軍刀矢量圖形腳本 - Scriptographer移植到JavaScript和瀏覽器，使用HTML5畫布。
  • fabric.js - JavaScript畫布庫，SVG到畫布（＆canvas-to-SVG）解析器。
  • peity - 進度條，線和餅圖.
  • raphael - JavaScript矢量庫。
  • echarts - 企業圖表。
  • vis - 動態的，基於瀏覽器的可視化庫。
  • two.js -一個渲染器不可知的二維繪圖api的網頁。
  • g.raphael - 拉斐爾圖表。
  • sigma.js - 一個專門用於圖形繪製的JavaScript庫。
  • arbor - 使用web工做者和jQuery的圖形可視化庫。
  • cubism - 一個用於可視化時間序列的D3插件。
  • dc.js -使用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畫布的熱圖的JavaScript庫。
  • jquery.sparkline -用於jQuery JavaScript庫的插件能夠直接在瀏覽器中生成小型的sparkline圖表。
  • xCharts - 用於構建自定義圖表和圖形的基於D3的庫。
  • trianglify -低聚多樣式背景生成器與d3.js
  • d3-cloud - 在JavaScript中建立詞雲。
  • d4 -D3的友好可重用圖表DSL。
  • dimple.js - 由d3提供業務分析的簡易圖表
  • chartist-js - 簡單的響應圖表。
  • epoch -一個通用的實時圖表庫。
  • c3 - 基於D3的可重用圖表庫。
  • BabylonJS - 使用HTML 5和WebGL構建3D遊戲的框架。
  • recharts -使用React和D3構建的從新定義的圖表庫

There're also some great commercial libraries, like amchart, anychart, plotly, and highchart.還有一些偉大的商業圖書館，如amchart，anychart，plotly和highchart。java

Timeline　時間線

  • TimelineJS - 一個內置JavaScript的講故事時間表。
  • timesheet.js - 簡單的HTML5和CSS3時間表的JavaScript庫。

Spreadsheet　電子表格

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

Editors　編輯

  • ace -ACE（Ajax.org CLOUD9編輯器）。
  • CodeMirror -瀏覽器代碼編輯器。
  • esprima - 用於多用途分析的ECMAScript解析基礎架構。
  • quill - 具備API的跨瀏覽器富文本編輯器。
  • medium-editor - Medium.com WYSIWYG編輯器克隆.
  • pen -享受現場編輯（+降價）。
  • jquery-notebook -一個簡單，乾淨，優雅的文字編輯器。 受到「中等」的啓發。
  • bootstrap-wysiwyg - Tiny Bootstrap兼容WYSIWYG富文本編輯器。
  • ckeditor-releases -最好的網頁文字編輯器給你們。
  • editor - 一個降價編輯器。 仍在發展
  • EpicEditor - 可嵌入的JavaScript Markdown編輯器，具備分屏全屏編輯，實時預覽，自動草稿保存，離線支持等功能。
  • jsoneditor - 用於查看，編輯和格式化JSON的基於Web的工具。
  • vim.js - 具備持久性〜/ .vimrc的Vim的JavaScript端口
  • Squire -HTML5富文本編輯器。
  • TinyMCE -JavaScript Rich Text編輯器。
  • trix - 一個豐富的文字編輯器，用於平常寫做。
  • Trumbowyg - 一個輕量級和驚人的所見即所得的JavaScript編輯器。
  • Draft.js - 一個構建文本編輯器的反應框架。
  • bootstrap-wysihtml5 - 簡單，美麗的wysiwyg編輯
  • wysihtml5 - 基於HTML5的開源富文本編輯器和漸進加強方法。 使用複雜的安全概念，旨在經過防止不可維護的標籤湯和內聯樣式來生成徹底有效的HTML5標記。
  • raptor-editor -Raptor，HTML5 WYSIWYG內容編輯器！
  • popline - Popline是一個HTML5 Rich-Text-Editor工具欄

Documentation文件

  • DevDocs 是一個一體化的API文檔讀取器，具備快速，有組織和一致的界面。
  • dexy 是一種免費形式的識字文檔工具，用於編寫包含代碼的任何類型的技術文檔。
  • docco 是一個快速而骯髒的百行長文字編程式文檔生成器。
  • styledocco 從您的樣式表生成文檔和樣式指南文檔。
  • Ronn 創建手冊。 它將簡單，可讀的文本文件轉換爲終端顯示的屋頂，並將其轉換爲HTML。
  • dox 是用節點編寫的JavaScript文檔生成器。 Dox再也不爲您的文檔生成一個有意見的結構或樣式，它只是給您一個JSON表示，容許您使用markdown和JSDoc樣式的標籤。
  • jsdox 是一個JSDoc3到Markdown文檔生成器。
  • YUIDoc 是一個Node.js應用程序，它使用相似於Javadoc和Doxygen等工具的語法從源代碼生成API文檔。
  • coddoc 是一個jsdoc解析庫。 Coddoc的不一樣之處在於，經過容許用戶經過使用coddoc.addTagHandler和coddoc.addCodeHandler來添加標籤和代碼解析器，這是很容易擴展的。 coddoc還解析要用於API的源代碼
  • sphinx 一種能夠輕鬆建立智能和美觀文檔的工具
  • Using JSDoc使用JSDoc
  • Beautiful docs是基於markdown文件的文檔查看器。
  • documentation.js - API文檔生成器，支持ES2015 +和流注釋。
  • jsduck - 用於Sencha JavaScript框架的API文檔生成器，但也能夠用於其餘框架。

Files 文件

Libraries for working with files.用於處理文件的庫。node

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

Functional Programming功能編程

Functional programming libraries to extend JavaScript’s capabilities.功能性編程庫來擴展JavaScript功能。react

  • underscore -JavaScript實用程序_皮帶。
  • lodash - 提供一致性，定製，性能和附加功能的實用程序庫。
  • Sugar - 用於處理本地對象的Javascript庫。
  • lazy.js -像下劃線，但懶惰。
  • ramda - JavaScript程序員的實用功能庫。
  • mout - 模塊化JavaScript實用程序。
  • mesh - 可流數據同步實用程序。
  • preludejs - JavaScript的核心功能編程。

Reactive Programming反應式編程

Reactive programming libraries to extend JavaScript’s capabilities.反應式編程庫可擴展JavaScript功能。jquery

  • RxJs - JavaScript的反應擴展。
  • Bacon -用於Javascript的FRP（功能反應式編程）庫。
  • Kefir -由Bacon.js和RxJS啓發的JavaScript的FRP庫，專一於高性能和低內存消耗。
  • Highland - 從新思考JavaScript實用帶，Highland輕鬆地管理同步和異步代碼，只使用標準的JavaScript和節點式流。
  • Most.js -高性能FRP庫。
  • MobX - TFRP庫簡單，可擴展的狀態管理。
  • Cycle.js - 一個用於更清晰代碼的功能和活動的JavaScript庫。

Data Structure數據結構

Data structure libraries to build a more sophisticated application.數據結構庫構建更復雜的應用程序。

  • immutable-js - 不可變數據集，包括序列，範圍，重複，映射，有序映射，集合和稀疏矢量。
  • mori - 使用ClojureScript持久數據結構並從溫馨的香草JavaScript中支持API的庫。
  • buckets -一個完整的，通過充分測試和記錄的JavaScript編寫的數據結構庫。
  • hashmap -簡單的hashmap實現，支持任何類型的密鑰。

Date日期

Date Libraries.日期庫。

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

String串

String Libraries.字符串庫。

  • selecting - 一個庫，容許您訪問用戶選擇的文本
  • underscore.string - Underscore.js JavaScript庫的字符串操做擴展。
  • string.js -額外的JavaScript字符串方法。
  • he -一個用JavaScript編寫的強大的HTML實體編碼器/解碼器。
  • multiline - JavaScript中的多行字符串。
  • query-string - 解析並排序URL查詢字符串。
  • URI.js - Javascript網址變異庫
  • jsurl - 使用JavaScript進行輕量級網址操做。
  • sprintf.js - 一個sprintf實現。
  • url-pattern - 比網址和其餘字符串的正則表達式字符串匹配模式更容易。 將字符串轉換成數據或數據到字符串

Number數

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

Storage存儲

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

Color顏色

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

I18n And L10n

Localization (l10n) and internationalization (i18n) JavaScript libraries.本地化（l10n）和國際化（i18n）JavaScript庫。

  • i18next -國際化（i18n）用javascript這個簡單的方法。
  • polyglot - 微型i18n助手庫。
  • babelfish - i18n具備人性化的API，並以複數形式支持。

Class類

  • ClassManager - 世界上最快捷，最方便的班級系統之一。
  • klass - 用於在JavaScript中建立表達式類的實用程序。
  • augment - 世界上最小和最快的古典JavaScript繼承模式。

Control Flow控制流程

  • async - 節點和瀏覽器的Async實用程序。
  • q -在JavaScript中製做和撰寫異步承諾的工具。
  • step - 一個異步控制流程庫，使步進邏輯容易。
  • contra -具備功能味道的異步流量控制。
  • Bluebird -全功能的承諾圖書館，專一於創新的功能和性能。
  • when - 一個堅實，快速的Promises / A +和when（）實現，加上其餘異步的好東西
  • ObjectEventTarget -
    翻譯時出錯提供一個原型，爲事件監聽器添加支持（與瀏覽器上可用的DOMElements相同的EventTarget行爲）。

Routing路由

  • director - 一個用於JavaScript的小型和同構的URL路由器.
  • page.js -微型客戶端路由器靈感來自Express路由器（〜1200字節）。
  • pathjs -Web瀏覽器的簡單，輕便的路由。
  • crossroads - JavaScript路由
  • davis.js - 使用pushState的RESTful可降解JavaScript路由。

Security安全

  • DOMPurify - 用於HTML，MathML和SVG的僅DOM，超快速，耐用的XSS消毒劑。
  • js-xss - 使用白名單指定的配置消除不可信HTML（以防止XSS）。
  • xss-filters - 安全的XSS過濾器由雅虎

Log日誌

  • log - Console.log與風格。
  • Conzole - 一個內置JavaScript的調試面板，將javascript本機控制檯對象的方法和功能包裝在頁面內顯示的面板中。
  • console.log-wrapper -在任何瀏覽器中以清晰的方式登陸到控制檯。
  • loglevel - 爲JavaScript提供最小的輕量級日誌記錄，添加可靠的日誌級別方法來包裝任何可用的console.log方法。
  • minilog –使用Stream-API後端的輕量級客戶端和服務器端日誌記錄
  • storyboard -通用日誌庫+ Chrome擴展; 它容許您在單個位置查看由用戶操做觸發的全部客戶端和服務器任務

RegExp在線正則表則式

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

Voice Command語音命令

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

API

  • bottleneck - 一個強大的速率限制器，使節流容易。
  • oauth-signature-js - 用於節點和瀏覽器的JavaScript OAuth 1.0a簽名生成器。
  • amygdala - 用於JavaScript供電的Web應用程序的RESTful HTTP客戶端。
  • jquery.rest - 一個易於使用RESTful API的jQuery插件。

Streaming流媒體

  • Tailor - 流行佈局服務的前端微服務，靈感來自於Facebook的BigPipe

Vision Detection視覺檢測

  • tracking.js - 計算機視覺在網絡上的現代化方法。
  • ocrad.js - OCR在Javascript經過Emscripten。

Machine Learning機器學習

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

Browser Detection瀏覽器檢測

  • bowser - 瀏覽器檢測器

Benchmark基準測試

  • benchmark.js - 一個基準圖書館。 在jsPerf.com上使用。
  • matcha - 咖啡因驅動，簡單化的基準測試方法。咖啡因驅動，簡單化的基準測試方法。

Code highlighting代碼高亮

  • Highlight.js - Javascript語法熒光筆。
  • PrismJS -輕巧，堅固，優雅的語法高亮。

Loading Status加載狀態

Libraries for indicate load status.用於指示加載狀態的庫。

  • Mprogress.js - 建立Google Material Design進度線性條。
  • NProgress -Ajaxyy應用程序的細長進度條。
  • Spin.js - 紡紗活動指標
  • progress.js -爲頁面上的每一個對象建立和管理進度條。
  • progressbar.js - 使用動畫SVG路徑的美麗而敏感的進度條。
  • pace - 自動向您的網站添加進度條。
  • topbar - 微小而美觀的全方位進度指標。
  • nanobar -很是輕量級的進度條。
  • PageLoadingEffects - 使用SVG動畫顯示新內容的現代方式。
  • SpinKit - 使用CSS動畫化的加載指示器的集合。
  • Ladda - 內置負載指示燈按鈕。
  • css-loaders - 一系列加載旋轉動畫與CSS

Besides libraries, there're Collection on Codepen, and generators like Ajaxload, Preloaders and CSSLoad.除了庫以外，還有Codepen系列，Ajaxload，Preloaders和CSSLoad等生成器。

Validation驗證

  • Parsley.js - 驗證您的表單，前端，而無需編寫單行JavaScript。
  • jquery-validation -jQuery驗證插件。
  • validator.js - 字符串驗證和消毒。
  • validate.js -輕巧的JavaScript表單驗證庫靈感來自CodeIgniter。
  • validatr - 跨瀏覽器HTML5表單驗證
  • FormValidation - 用於驗證表單字段的最佳jQuery插件。 之前的BootstrapValidator.
  • is.js - 檢查類型，正則表達式，在線狀態，時間等.
  • FieldVal - 多用途驗證庫。 支持同步和異步驗證。

Keyboard Wrappers鍵盤包裝機

  • mousetrap - 用於處理Javascript中鍵盤快捷鍵的簡單庫。
  • keymaster - 一個用於定義和調度鍵盤快捷鍵的簡單的微型庫。
  • Keypress - 鍵盤輸入捕獲實用程序，其中任何鍵能夠是修飾鍵。
  • KeyboardJS - 一個用於綁定鍵盤組合的JavaScript庫，而沒有關鍵代碼和關鍵組合衝突的痛苦
  • jquery.hotkeys - jQuery熱鍵可以讓您隨時隨地觀看鍵盤事件，支持幾乎任何組合鍵。
  • jwerty -使人稱讚的處理鍵盤事件。

Tours And Guides旅遊指南

  • intro.js - 新功能介紹和逐步用戶指南的更好的方式爲您的網站和項目。
  • shepherd - 引導您的用戶瀏覽您的應用程序。
  • bootstrap-tour -使用Twitter Bootstrap Popovers快速輕鬆的產品導覽。
  • tourist - 簡單，靈活的旅遊您的應用程序。
  • chardin.js -您的應用程式的簡單重疊式說明。
  • pageguide -使用jQuery和CSS3的網頁元素的互動指南。
  • hopscotch - 一個框架，使開發人員能夠輕鬆地將產品瀏覽添加到其頁面。
  • joyride -jQuery功能導覽插件。
  • focusable - 將聚焦點放在DOM元素上，將疊加層添加到頁面的其他部分。

Notifications通知

  • messenger - 您的應用程序的咆哮式警報和消息。
  • noty - jQuery通知插件。
  • pnotify - Bootstrap，jQuery UI和Web通知草案的JavaScript通知。
  • toastr - 簡單的JavaScript吐司通知。
  • humane-js - 一個簡單而現代的瀏覽器通知系統。
  • smoke.js -框架不可知的風格的JavaScript提醒系統。
  • notie -簡單的通知和輸入，無依賴關係。

Sliders滑塊

  • Swiper -移動觸摸滑塊和框架與硬件加速轉換。
  • slick - 你將須要的最後一個旋轉木馬。
  • slidesJs -是適用於JQuery（1.7.1+）的幻燈片插件插件，具備觸摸和CSS3轉換等功能
  • FlexSlider - 一個真棒，徹底響應的jQuery滑塊插件。
  • unslider - 最簡單的jQuery滑塊有。
  • sly -用於單向滾動的JavaScript庫，具備基於項目的導航支持。
  • vegas -
    翻譯時出錯一個jQuery插件，爲您的網頁添加美麗的全屏背景。 它甚至容許幻燈片。
  • Sequence - 用於建立響應式滑塊，演示文稿，橫幅和其餘基於步驟的應用程序的CSS動畫框架。
  • reveal.js - 一個使用HTML輕鬆建立精美演示文稿的框架。
  • impress.js -這是一個基於CSS3轉換和現代瀏覽器轉換的強大功能的演示框架，並受到prezi.com背後的啓發。
  • bespoke.js - DIY演示微框架
  • Strut - Strut - Impress.js和Bespoke.js演示編輯器
  • PhotoSwipe - JavaScript圖像庫用於移動和桌面，模塊化，框架獨立。
  • jcSlider - 一個響應式滑塊jQuery插件與CSS動畫。
  • basic-jquery-slider - 使用簡單，主題簡單，易於定製。
  • jQuery.adaptive-slider - 用於具備自適應彩色figcaption和導航的滑塊的jQuery插件
  • slidr - 添加一些幻燈片效果。
  • Flickity - 觸摸，響應，閃爍的畫廊。
  • Glide.js - 響應和觸摸友好的jQuery滑塊。
  • jQuery.adaptive-slider - 用於具備自適應彩色figcaption和導航的滑塊的jQuery插件。

Range Sliders範圍滑塊

  • Ion.RangeSlider - 強大而易於定製的範圍滑塊，具備許多選項和皮膚支持。
  • jQRangeSlider - 支持日期的JavaScript滑塊選擇器。
  • noUiSlider - 輕便，高度可定製的範圍滑塊，無膨脹。
  • rangeslider.js -HTML5輸入範圍滑塊元素polyfill。

Form Widgets窗體小部件

Input輸入

Calendar日曆

  • pickadate.js - 適合移動設備的響應速度很輕巧的jQuery日期和時間輸入選擇器。
  • bootstrap-datepicker - 來自Stefan Petre's（by eyecon.ro）的@twitter引導程序的一個datepicker，由@eternicode改進。
  • Pikaday - 一個清爽的JavaScript Datepicker - 輕量級，沒有依賴關係，模塊化的CSS。
  • fullcalendar - 全尺寸拖放事件日曆（jQuery插件）。
  • rome - 可定製的日期（和時間）選擇器。 不依賴關係，選擇加入的用戶界面。
  • datedropper - datedropper是一個jQuery插件，提供了一種快速簡單的方式來管理輸入字段的日期。

Select選擇

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

File Uploader文件上傳器

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

Other其餘

  • form -jQuery表單插件。
  • Garlic.js -自動保留表單的文本，並在本地選擇字段值，直到表單提交。
  • Countable - 一個JavaScript函數，用於向HTML元素添加實時的段落，字和字符計數。
  • card - 使您的信用卡在一行代碼中更好地造成。
  • stretchy - 表單元素自動調整，應該是這樣。

Tips提示

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

Modals and Popups模式和彈出窗口

  • 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插件，能夠照顧全部的彈出窗口，工具提示，通知等等。

Scroll滾動

  • scrollMonitor - 一個簡單快速的API，用於在您滾動時監視元素。
  • headroom - 給你的頁面一些空白。
  • onepage-scroll -建立一個相似蘋果的單頁滾動網站（iPhone 5S網站）與一頁滾動插件。
  • iscroll -iScroll是一個高性能，小尺寸，無依賴關係，多平臺JavaScript滾動。
  • skrollr - 用於移動（Android + iOS）和桌面的獨立視差滾動庫。 沒有jQuery。
  • parallax -視覺引擎對智能設備的方向作出反應。
  • stellar.js - 視差滾動變得容易。
  • plax -jQuery動力視差。
  • jparallax -用於建立交互式視差效果的jQuery插件。
  • fullPage -一個簡單易用的插件來建立全屏滾動網站（也稱單頁網站）。
  • ScrollMenu -一個新的界面來代替舊無聊的滾動條。
  • Clusterize.js - Tiny vanilla JS插件輕鬆顯示大數據集。

Menu菜單

  • jQuery-menu-aim - jQuery插件在用戶的光標位於特定的下拉菜單項時觸發事件。 用於製做響應式的大型下拉菜單，如亞馬遜。
  • jQuery contextMenu - 上下文菜單管理器
  • Slideout - 針對移動網絡應用的響應式觸摸滑出導航菜單。
  • Slide and swipe -與touchSwipe庫一塊兒使用的滑動滑動菜單。

Table/Grid  表/網格

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

Frameworks構架

  • Semantic UI - UI Kit具備許多主題和元素
  • w2ui - 一組用於前端開發數據驅動的Web應用程序的jQuery插件。
  • fluidity -世界上最小的徹底響應css框架
  • Ink - 用於SAPO的HTML5 / CSS3框架，用於快速高效的網站設計和原型設計

Boilerplates鍋爐

  • html5-boilerplate - 專業的前端模板，用於構建快速，強大和適應性強的網絡應用程序或網站。
  • mobile-boilerplate -一個前端模板，可幫助您構建快速，現代的移動網絡應用程序。
  • webplate -一個使人敬畏的前端框架，讓您專一於構建您的網站或應用程序，同時仍然很是容易使用。
  • Cerberus - 一些簡單但固定的模式，用於響應HTML電子郵件。 即便在Outlook中。
  • full-page-intro-and-navigation - 帶有全寬度背景圖片的介紹頁面，粗體動畫菜單和導航後面的相似iOS的模糊效果
  • Fluid-Squares - 流體網格的平方單位。
  • Mobile-First-RWD - 移動優先響應網頁設計的一個例子
  • this-is-responsive - 這是響應
  • npm run-scripts 使用NPM運行腳本進行任務自動化。使用NPM運行腳本進行任務自動化。

Gesture手勢

Maps地圖

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

Video/Audio視頻/音頻

  • prettyembed.js -漂亮地嵌入您的YouTubes - 具備很好的選項，如高分辨率預覽圖像，嵌入選項的高級定製和可選的FitVids支持。
  • html5media - 在全部主流瀏覽器中啓用和標記. https://html5media.info/
  • Play-em JS - Play'em是一個JavaScript組件，經過將多個播放器嵌入到包含Youtube，Soundcloud和Vimeo的HTML DIV中來管理音樂/視頻軌道隊列並播放一系列的歌曲。
  • polyplayer - 用一個API規則YouTube，Soundcloud和Vimeo播放器
  • flowplayer - 用於網絡的HTML5視頻播放器https://flowplayer.org/
  • mediaelement - 具備Flash和Silverlight墊片的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

Typography排版

  • FlowType.JS - 最好的網頁排版：基於元素寬度的font-size和line-height。
  • BigText - jQuery插件，計算將一行文本匹配到特定寬度所需的字體大小和字間距。
  • circletype - 一個jQuery插件，可讓您在網絡上進行曲線
  • slabText - 一個jQuery插件，用於製做大而大膽和敏感的標題
  • simple-text-rotator -添加一個超簡單的旋轉文本到您的網站，幾乎沒有標記
  • novacancy.js -文本霓虹黃金效果jQuery插件。
  • jquery-responsive-text - 使您的文本大小響應！
  • FitText.js - 一個用於充氣web類型的jQuery插件
  • Lettering.js - 一個輕量級，易於使用的Javascript <span>注入器，用於激進的Web排版

Animations動畫

Image Processing圖像處理

  • lena.js - 用於具備過濾器和util功能的圖像處理庫。
  • pica - 高質量的圖像調整大小（使用快速Lanczos過濾器，在純JS中實現）。
  • cropper - 一個簡單的jQuery圖像裁剪插件。

ES6

SDK

  • javascript-sdk-design - Javascript SDK設計指南從工做和我的經驗中提取出來
  • Spotify SDK - 面向實體的SDK能夠與Spotify Web API協同工做。

Misc雜項

  • echo - 懶惰加載帶有data- *屬性的圖像。
  • picturefill - 適用於<picture>，srcset，尺寸的響應圖像polyfill。
  • platform.js - 一個平臺檢測庫，能夠在幾乎全部的JavaScript平臺上工做。
  • json3 - 幾乎全部JavaScript平臺兼容的現代JSON實現。
  • Logical Or Not - 關於JavaScript特性的遊戲。
  • BitSet.js - JavaScript位向量實現
  • spoiler-alert - SPOILER ALERT！ 一個快樂的小jQuery插件，以隱藏您的網站上的擾流板。
  • jquery.vibrate.js - 振動API包裝機
  • list.js - 將搜索，排序，過濾器和靈活性添加到表格，列表和各類HTML元素。 構建爲不可見，並在現有的HTML上工做.http://www.listjs.com
  • mixitup -MixItUp - 過濾器和排序插件
  • grid - 拖放庫，用於二維，可調整大小和響應式列表。
  • jquery-match-height - 一個反應類似的高級插件jQuery。

Podcasts播客

  • JavaScript Air - 實況視頻播放所有涉及JavaScript和Web平臺。
  • Web of Tomorrow -Podcast關於JavaScript的初學者。
  • Javascript Jabber - 每週有關JavaScript的播客，包括Node.js，前端技術，職業，團隊等。

Worth Reading值得一讀

Other Awesome Lists

更多資源

原文： github sorrycc

園友推薦：

avalon：迷你簡單易用的前端MVVM框架，支持IE6，https://github.com/avalonjs/avalonjs.github.io，http://avalonjs.coding.me/

紅楓星空 推薦，做者：司徒正美

AlloyFinger：針對多點觸控設備編程的Web手勢組件，快速幫助你的web程序增長手勢支持，也不用再擔憂click 300ms的延遲了。https://github.com/AlloyTeam/AlloyFinger

【當耐特】 推薦，做者：騰訊（https://github.com/AlloyTeam）

UEditor：是由百度web前端研發部開發所見即所得富文本web編輯器，具備輕量，可定製，注重用戶體驗等特色，開源基於MIT協議，容許自由使用和修改代碼

http://ueditor.baidu.com/website/

Webuploader：WebUploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5爲主，FLASH爲輔的現代文件上傳組件。

http://fex.baidu.com/webuploader/

Adming 推薦，做者：百度

---恢復內容結束---

用於構建用戶界面的透明MVC框架。

Awesome系列的JavaScript資源整理。awesome-javascript是sorrycc發起維護的 JS 資源列表，內容包括：包管理器、加載器、測試框架、運行器、QA、MVC框架和庫、模板引擎、數據可視化、時間軸、編輯器等。

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