JavaScript資源大全中文版(Awesome最新版)

JavaScript資源大全中文版(Awesome最新版)

目錄

Awesome系列的JavaScript資源整理。awesome-javascript是sorrycc發(fā)起維護(hù)的 JS 資源列表蜻展,內(nèi)容包括:包管理器、加載器、測試框架、運(yùn)行器来庭、QA、MVC框架和庫穿挨、模板引擎月弛、數(shù)據(jù)可視化、時(shí)間軸科盛、編輯器等帽衙。

前端MVC框架與庫

  • angular.js - 前端MVVM框架,支持雙向綁定贞绵,實(shí)現(xiàn)MVC架構(gòu)厉萝,增強(qiáng)Web應(yīng)用
  • aurelia -用于移動(dòng),桌面和網(wǎng)絡(luò)的Javascript客戶端框架。
  • backbone -給你的JS應(yīng)用程序一些Backbone與模型谴垫,視圖章母,集合和事件。
  • batman.js -Rails開發(fā)人員最好的JavaScript框架翩剪。
  • ember.js -用于創(chuàng)建有抱負(fù)的Web應(yīng)用程序的JavaScript框架
  • meteor -一個(gè)超簡單的數(shù)據(jù)庫乳怎,無處不在,數(shù)據(jù)在線前弯,純JavaScript的Web框架蚪缀。
  • ractive -下一代DOM操作。
  • vue - 直觀,快速,可組合的MVVM狐肢,用于構(gòu)建交互式界面椎镣。
  • knockout -Knockout可以通過JavaScript創(chuàng)建豐富的響應(yīng)式用戶界面更容易。
  • spine - 用于構(gòu)建JavaScript應(yīng)用程序的輕量級MVC庫。
  • espresso.js -用于創(chuàng)建用戶界面的最小JavaScript庫。
  • canjs -可以做JS,更好廉油,更快,更簡單.
  • react - 可以做JS苗傅,更好抒线,更快,更容易的建立用戶界面的庫渣慕。 它具有聲明性嘶炭,高效性和極其靈活性。 使用虛擬DOM.
  • preact - 快速3kb反應(yīng)替代與相同的ES6 API逊桦。 組件和虛擬DOM眨猎。
  • nativescript -使用JavaScript構(gòu)建真正的本地跨平臺iOS和Android應(yīng)用程序
  • react-native -使用React構(gòu)建本機(jī)應(yīng)用程序的框架.
  • riot -反應(yīng)式庫,但體積非常小强经。
  • thorax -加強(qiáng)你的骨干
  • chaplin - 使用Backbone.js庫的JavaScript應(yīng)用程序架構(gòu)睡陪。
  • marionette - 用于Backbone.js的復(fù)合應(yīng)用程序庫,旨在簡化大型JavaScript應(yīng)用程序的構(gòu)建匿情。
  • ripple -構(gòu)建反應(yīng)式意見的微小基礎(chǔ)兰迫。
  • rivets - 輕量級和強(qiáng)大的數(shù)據(jù)綁定+模板解決方案。
  • derby - MVC框架使得易于編寫在Node.js和瀏覽器中運(yùn)行的實(shí)時(shí)協(xié)作應(yīng)用程序炬称。
  • way.js -簡單汁果,輕便,持久的雙向數(shù)據(jù)綁定玲躯。
  • mithril.js - Mithril是一個(gè)客戶端MVC框架(輕量級须鼎,強(qiáng)大鲸伴,快速)
  • jsblocks -jsblocks是更好的MV-ish框架。
  • LiquidLava - 用于構(gòu)建用戶界面的透明MVC框架晋控。
  • feathers - 一個(gè)用于未來應(yīng)用程序的簡約實(shí)時(shí)JavaScript框架。
  • Keo - 功能無狀態(tài)使用Shadow DOM支持的React組件姓赤。

Package Managers

Host the javascript libraries and provide tools for fetching and packaging them.功能無狀態(tài)使用Shadow DOM支持的React組件赡译。

  • npm -npm是javascript的包管理器。
  • Bower -網(wǎng)絡(luò)的軟件包管理器不铆。
  • component - 客戶端軟件包管理蝌焚,用于構(gòu)建更好的Web應(yīng)用程序。
  • spm - 全新的靜態(tài)包管理器誓斥。
  • jam -一個(gè)使用瀏覽器和RequireJS兼容存儲庫的軟件包管理器只洒。
  • jspm -無摩擦瀏覽器包管理。
  • Ender - 沒有圖書館的圖書館劳坑。
  • volo -從模板創(chuàng)建前端項(xiàng)目毕谴,添加依賴關(guān)系,并自動(dòng)生成項(xiàng)目距芬。
  • Duo -新一代的軟件包管理器將Component涝开,Browserify和Go中的最佳創(chuàng)意融合在一起,使組織和編寫前端代碼變得更加輕松無痛框仔。
  • yarn -快速舀武,可靠和安全的依賴關(guān)系管理。

Loaders

Module or loading system for JavaScript.模塊或加載系統(tǒng)的JavaScript离斩。

  • RequireJS -用于JavaScript的文件和模塊加載程序银舱。
  • browserify - 瀏覽器端需要()node.js的方式。
  • SeaJS - Web的模塊加載程序跛梗。
  • HeadJS - 唯一的腳本在你的頭寻馏。
  • curl - 一個(gè)小型,快速茄袖,可擴(kuò)展的模塊加載程序操软,可處理AMD,CommonJS Modules / 1.1宪祥,CSS聂薪,HTML /文本和傳統(tǒng)腳本。
  • lazyload -微小的蝗羊,無依賴關(guān)系的異步JavaScript和CSS加載器藏澳。
  • script.js - 異步JavaScript加載器和依賴管理器。
  • systemjs -AMD耀找,CJS&ES6規(guī)格兼容模塊裝載機(jī)翔悠。
  • LodJS -基于AMD的模塊裝載機(jī)
  • ESL -模塊加載器瀏覽器首先支持懶惰定義和AMD业崖。
  • modulejs -輕量級JavaScript模塊系統(tǒng)。

Bundlers

  • browserify -Browserify可以通過捆綁您的所有依賴項(xiàng)在瀏覽器中要求('模塊')蓄愁。
  • webpack - 為瀏覽器打包CommonJs / AMD模塊双炕。
  • Rollup -下一代ES6模塊捆綁器。
  • Brunch -快速的前端Web應(yīng)用程序構(gòu)建工具與簡單的聲明性配置撮抓。

Testing Frameworks

Frameworks 快速的前端Web應(yīng)用程序構(gòu)建工具與簡單的聲明性配置妇斤。

  • mocha - 簡單,靈活丹拯,有趣的JavaScript測試框架站超,用于node.js和瀏覽器。
  • jasmine -無DOM的簡單JavaScript測試框架乖酬。
  • qunit -一個(gè)易于使用的JavaScript單元測試框架死相。
  • jest - 無痛JavaScript單元測試。
  • prova -基于Tape and Browserify的Node&Browser測試運(yùn)行器
  • DalekJS - 使用JavaScript進(jìn)行自動(dòng)跨瀏覽器功能測試
  • Protractor -量角器是AngularJS應(yīng)用程序的端到端測試框架咬像。
  • tape -節(jié)點(diǎn)和瀏覽器的點(diǎn)播生成測試工具算撮。
  • TestCafe - 現(xiàn)代Web開發(fā)棧自動(dòng)瀏覽器測試。

Assertion 斷言

  • chai -用于node.js和可與任何測試框架配對的瀏覽器的BDD / TDD斷言框架施掏。
  • Enzyme -Enzyme是用于React的JavaScript測試工具钮惠,可以更容易地?cái)嘌裕僮骱捅闅v您的React Components的輸出七芭。
  • Sinon.JS - 測試間諜素挽,存根和嘲笑JavaScript。
  • expect.js - Node.JS和瀏覽器的極簡BDD風(fēng)格斷言狸驳。

Coverage 覆蓋范圍

  • istanbul - 另一個(gè)JS代碼覆蓋工具预明。
  • blanket -一個(gè)簡單的javascript代碼覆蓋庫。 設(shè)計(jì)為易于安裝和使用耙箍,對于瀏覽器和nodejs撰糠。
  • JSCover -JSCover是一個(gè)測量JavaScript程序代碼覆蓋率的工具。

Runner 賽跑者

  • phantomjs - 腳本無頭WebKit辩昆。
  • slimerjs - 一個(gè)類似PhantomJS的工具阅酪,運(yùn)行Gecko.
  • casperjs -PhantomJS和SlimerJS的導(dǎo)航腳本和測試工具。
  • zombie -使用node.js實(shí)現(xiàn)快速汁针,全方位术辐,無頭瀏覽器測試。
  • totoro - 一個(gè)簡單穩(wěn)定的跨瀏覽器測試工具施无。
  • karma - 用于JavaScript的壯觀測試運(yùn)動(dòng)員
  • nightwatch - 基于node.js和selenium webdriver的UI自動(dòng)測試框架辉词。
  • intern - 用于JavaScript的下一代代碼測試堆棧。
  • yolpo - 瀏覽器中的語句化語句JavaScript解釋器猾骡。

QA Tools∪鹛伞QA工具

  • JSHint - JSHint是一個(gè)幫助您檢測JavaScript代碼中的錯(cuò)誤和潛在問題的工具敷搪。
  • jscs - JavaScript代碼樣式檢查器。
  • jsfmt -用于格式化幢哨,搜索和重寫JavaScript赡勘。
  • jsinspect -檢測復(fù)制粘貼和結(jié)構(gòu)相似的代碼.
  • buddy.js - JavaScript的魔法號檢測
  • ESLint - 一種完全可插入的工具,用于識別和報(bào)告JavaScript中的模式嘱么。
  • JSLint - 高標(biāo)準(zhǔn)狮含,嚴(yán)格和認(rèn)真的代碼質(zhì)量工具,旨在保持語言的很好的部分曼振。

Node-Powered CMS Frameworks 節(jié)點(diǎn)供電的CMS框架

  • KeystoneJS - 強(qiáng)大的CMS和Web應(yīng)用程序框架
  • Reaction Commerce -反應(yīng)性CMS,實(shí)時(shí)架構(gòu)和設(shè)計(jì)
  • Ghost - 簡單蔚龙,強(qiáng)大的發(fā)布平臺
  • Apostrophe -CMS具有內(nèi)容編輯和基本服務(wù)
  • We.js - 實(shí)時(shí)應(yīng)用程序冰评,網(wǎng)站或博客的框架
  • Hatch.js - CMS平臺具有社交功能。
  • TaracotJS - 基于Node.js的快速簡約的CMS
  • Nodizecms -CMS為CoffeeScript愛好者
  • Cody -CMS與WYSIWYG編輯器
  • PencilBlue -CMS和博客平臺

Templating Engines 模板發(fā)動(dòng)機(jī)

Templating engines allow you to perform string interpolation.模板引擎允許您執(zhí)行字符串插值木羹。

  • mustache.js - JavaScript中使用{{mustaches}}的最小模板甲雅。
  • handlebars.js - 對小胡子模板語言的擴(kuò)展。
  • hogan.js -一個(gè)編譯器為髭模板語言.
  • doT - Nodejs和瀏覽器中最快的簡潔的JavaScript模板引擎坑填。
  • dustjs -用于瀏覽器和node.js.的異步模板
  • eco -嵌入式CoffeeScript模板抛人。
  • JavaScript-Templates - <1KB輕量級,快速強(qiáng)大的JavaScript模板引擎脐瑰,具有零依賴性妖枚。
  • t.js -一個(gè)小巧的javascript模板框架在?400字節(jié)gzip壓縮。
  • Jade - 比較好的苍在,功能豐富的模板引擎為nodejs绝页。
  • EJS -有效的JavaScript模板。
  • xtemplate -用于節(jié)點(diǎn)和瀏覽器的可擴(kuò)展模板引擎lib
  • marko -一個(gè)快速寂恬,輕量級的基于HTML的模板引擎续誉,用于Node.js,瀏覽器具有異步初肉,流式傳輸酷鸦,自定義標(biāo)簽和CommonJS模塊作為編譯輸出。
  • swig - 一個(gè)簡單牙咏,強(qiáng)大和可擴(kuò)展的Node.js和基于瀏覽器的JavaScript模板引擎臼隔。

Articles and Posts 文章和帖子

  • The JavaScript that you should know - Article about concepts of JavaScript Functional.你應(yīng)該知道的JavaScript - 關(guān)于JavaScript功能的概念的文章。

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

Data visualization tools for the web.數(shù)據(jù)可視化工具眠寿。

  • d3 - HTML和SVG的JavaScript可視化庫躬翁。
    • metrics-graphics -針對簡潔,原則的數(shù)據(jù)圖形和布局優(yōu)化的庫盯拱。
  • pykcharts.js - 精心設(shè)計(jì)的d3.js圖表沒有復(fù)雜的d3.js.
  • three.js - JavaScript 3D庫盒发。
  • Chart.js -使用標(biāo)簽的簡單HTML5圖表例嘱。
  • paper.js -瑞士軍刀矢量圖形腳本 - Scriptographer移植到JavaScript和瀏覽器,使用HTML5畫布宁舰。
  • fabric.js - JavaScript畫布庫拼卵,SVG到畫布(&canvas-to-SVG)解析器。
  • peity - 進(jìn)度條蛮艰,線和餅圖.
  • raphael - JavaScript矢量庫腋腮。
  • echarts - 企業(yè)圖表。
  • vis - 動(dòng)態(tài)的壤蚜,基于瀏覽器的可視化庫即寡。
  • two.js -一個(gè)渲染器不可知的二維繪圖api的網(wǎng)頁。
  • g.raphael - 拉斐爾圖表袜刷。
  • sigma.js - 一個(gè)專門用于圖形繪制的JavaScript庫聪富。
  • arbor - 使用web工作者和jQuery的圖形可視化庫。
  • cubism - 一個(gè)用于可視化時(shí)間序列的D3插件著蟹。
  • dc.js -使用d3.js渲染的交叉過濾器來構(gòu)建多維圖表
  • vega - 可視化語法
  • processing.js - Processing.js使您的數(shù)據(jù)可視化工作使用Web標(biāo)準(zhǔn)并且沒有任何插件
  • envisionjs - 動(dòng)態(tài)HTML5可視化
  • rickshaw -用于創(chuàng)建交互式實(shí)時(shí)圖形的JavaScript工具包墩蔓。
  • flot - jQuery有吸引力的JavaScript圖表。
  • morris.js - 漂亮的時(shí)間線圖萧豆。
  • nvd3 -為d3.js.構(gòu)建可重用的圖表和圖表組件
  • svg.js - 用于操縱和動(dòng)畫SVG的輕量級庫奸披。
  • heatmap.js - 適用于HTML5畫布的熱圖的JavaScript庫。
  • jquery.sparkline -用于jQuery JavaScript庫的插件可以直接在瀏覽器中生成小型的sparkline圖表涮雷。
  • xCharts - 用于構(gòu)建自定義圖表和圖形的基于D3的庫阵面。
  • trianglify -低聚多樣式背景生成器與d3.js
  • d3-cloud - 在JavaScript中創(chuàng)建詞云。
  • d4 -D3的友好可重用圖表DSL份殿。
  • dimple.js - 由d3提供業(yè)務(wù)分析的簡易圖表
  • chartist-js - 簡單的響應(yīng)圖表膜钓。
  • epoch -一個(gè)通用的實(shí)時(shí)圖表庫。
  • c3 - 基于D3的可重用圖表庫卿嘲。
  • BabylonJS - 使用HTML 5和WebGL構(gòu)建3D游戲的框架颂斜。
  • recharts -使用React和D3構(gòu)建的重新定義的圖表庫

There're also some great commercial libraries, like amchart, anychart, plotly, and highchart.還有一些偉大的商業(yè)圖書館,如amchart拾枣,anychart沃疮,plotly和highchart。

Timeline 時(shí)間線

  • TimelineJS - 一個(gè)內(nèi)置JavaScript的講故事時(shí)間表梅肤。
  • timesheet.js - 簡單的HTML5和CSS3時(shí)間表的JavaScript庫司蔬。

Spreadsheet 電子表格

  • HANDSONTABLE - Handsontable是用于開發(fā)人員的JavaScript / HTML5電子表格庫

Editors 編輯

  • ace -ACE(Ajax.org CLOUD9編輯器)。
  • CodeMirror -瀏覽器代碼編輯器姨蝴。
  • esprima - 用于多用途分析的ECMAScript解析基礎(chǔ)架構(gòu)俊啼。
  • quill - 具有API的跨瀏覽器富文本編輯器。
  • medium-editor - Medium.com WYSIWYG編輯器克隆.
  • pen -享受現(xiàn)場編輯(+降價(jià))左医。
  • jquery-notebook -一個(gè)簡單授帕,干凈同木,優(yōu)雅的文字編輯器。 受到“中等”的啟發(fā)跛十。
  • bootstrap-wysiwyg - Tiny Bootstrap兼容WYSIWYG富文本編輯器彤路。
  • ckeditor-releases -最好的網(wǎng)頁文字編輯器給大家。
  • editor - 一個(gè)降價(jià)編輯器芥映。 仍在發(fā)展
  • EpicEditor - 可嵌入的JavaScript Markdown編輯器洲尊,具有分屏全屏編輯,實(shí)時(shí)預(yù)覽奈偏,自動(dòng)草稿保存坞嘀,離線支持等功能。
  • jsoneditor - 用于查看惊来,編輯和格式化JSON的基于Web的工具姆吭。
  • vim.js - 具有持久性?/ .vimrc的Vim的JavaScript端口
  • Squire -HTML5富文本編輯器。
  • TinyMCE -JavaScript Rich Text編輯器唁盏。
  • trix - 一個(gè)豐富的文字編輯器,用于日常寫作检眯。
  • Trumbowyg - 一個(gè)輕量級和驚人的所見即所得的JavaScript編輯器厘擂。
  • Draft.js - 一個(gè)構(gòu)建文本編輯器的反應(yīng)框架。
  • bootstrap-wysihtml5 - 簡單锰瘸,美麗的wysiwyg編輯
  • wysihtml5 - 基于HTML5的開源富文本編輯器和漸進(jìn)增強(qiáng)方法刽严。 使用復(fù)雜的安全概念,旨在通過防止不可維護(hù)的標(biāo)簽湯和內(nèi)聯(lián)樣式來生成完全有效的HTML5標(biāo)記避凝。
  • raptor-editor -Raptor舞萄,HTML5 WYSIWYG內(nèi)容編輯器!
  • popline - Popline是一個(gè)HTML5 Rich-Text-Editor工具欄

Documentation文件

  • DevDocs 是一個(gè)一體化的API文檔讀取器管削,具有快速倒脓,有組織和一致的界面。
  • dexy 是一種免費(fèi)形式的識字文檔工具含思,用于編寫包含代碼的任何類型的技術(shù)文檔崎弃。
  • docco 是一個(gè)快速而骯臟的百行長文字編程式文檔生成器。
  • styledocco 從您的樣式表生成文檔和樣式指南文檔含潘。
  • Ronn 建立手冊饲做。 它將簡單,可讀的文本文件轉(zhuǎn)換為終端顯示的屋頂遏弱,并將其轉(zhuǎn)換為HTML盆均。
  • dox 是用節(jié)點(diǎn)編寫的JavaScript文檔生成器。 Dox不再為您的文檔生成一個(gè)有意見的結(jié)構(gòu)或樣式漱逸,它只是給您一個(gè)JSON表示泪姨,允許您使用markdown和JSDoc樣式的標(biāo)簽游沿。
  • jsdox 是一個(gè)JSDoc3到Markdown文檔生成器。
  • YUIDoc 是一個(gè)Node.js應(yīng)用程序驴娃,它使用類似于Javadoc和Doxygen等工具的語法從源代碼生成API文檔奏候。
  • coddoc 是一個(gè)jsdoc解析庫。 Coddoc的不同之處在于唇敞,通過允許用戶通過使用coddoc.addTagHandler和coddoc.addCodeHandler來添加標(biāo)簽和代碼解析器蔗草,這是很容易擴(kuò)展的。 coddoc還解析要用于API的源代碼
  • sphinx 一種可以輕松創(chuàng)建智能和美觀文檔的工具
  • Using JSDoc使用JSDoc
  • Beautiful docs是基于markdown文件的文檔查看器疆柔。
  • documentation.js - API文檔生成器咒精,支持ES2015 +和流注釋。
  • jsduck - 用于Sencha JavaScript框架的API文檔生成器旷档,但也可以用于其他框架模叙。

Files 文件

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

  • Papa Parse - 一個(gè)強(qiáng)大的CSV庫鞋屈,支持解析CSV文件/字符串范咨,并導(dǎo)出為CSV。
  • jBinary -用于描述文件類型和數(shù)據(jù)結(jié)構(gòu)的聲明性語法的二進(jìn)制文件的高級I / O(加載厂庇,解析渠啊,操作,序列化权旷,保存)替蛉。
  • diff2html - Git diff輸出解析器和漂亮的HTML生成器。
  • jsPDF - JavaScript PDF生成拄氯。

Functional Programming功能編程

Functional programming libraries to extend JavaScript’s capabilities.功能性編程庫來擴(kuò)展JavaScript功能躲查。

  • underscore -JavaScript實(shí)用程序_皮帶。
  • lodash - 提供一致性,定制,性能和附加功能的實(shí)用程序庫义钉。
  • Sugar - 用于處理本地對象的Javascript庫。
  • lazy.js -像下劃線怎静,但懶惰。
  • ramda - JavaScript程序員的實(shí)用功能庫黔衡。
  • mout - 模塊化JavaScript實(shí)用程序蚓聘。
  • mesh - 可流數(shù)據(jù)同步實(shí)用程序。
  • preludejs - JavaScript的核心功能編程盟劫。

Reactive Programming反應(yīng)式編程

Reactive programming libraries to extend JavaScript’s capabilities.反應(yīng)式編程庫可擴(kuò)展JavaScript功能夜牡。

  • RxJs - JavaScript的反應(yīng)擴(kuò)展。
  • Bacon -用于Javascript的FRP(功能反應(yīng)式編程)庫。
  • Kefir -由Bacon.js和RxJS啟發(fā)的JavaScript的FRP庫塘装,專注于高性能和低內(nèi)存消耗急迂。
  • Highland - 重新思考JavaScript實(shí)用帶,Highland輕松地管理同步和異步代碼蹦肴,只使用標(biāo)準(zhǔn)的JavaScript和節(jié)點(diǎn)式流僚碎。
  • Most.js -高性能FRP庫。
  • MobX - TFRP庫簡單阴幌,可擴(kuò)展的狀態(tài)管理勺阐。
  • Cycle.js - 一個(gè)用于更清晰代碼的功能和活動(dòng)的JavaScript庫。

Data Structure數(shù)據(jù)結(jié)構(gòu)

Data structure libraries to build a more sophisticated application.數(shù)據(jù)結(jié)構(gòu)庫構(gòu)建更復(fù)雜的應(yīng)用程序矛双。

  • immutable-js - 不可變數(shù)據(jù)集渊抽,包括序列,范圍议忽,重復(fù)懒闷,映射,有序映射栈幸,集合和稀疏矢量愤估。
  • mori - 使用ClojureScript持久數(shù)據(jù)結(jié)構(gòu)并從舒適的香草JavaScript中支持API的庫。
  • buckets -一個(gè)完整的速址,經(jīng)過充分測試和記錄的JavaScript編寫的數(shù)據(jù)結(jié)構(gòu)庫灵疮。
  • hashmap -簡單的hashmap實(shí)現(xiàn),支持任何類型的密鑰壳繁。

Date日期

Date Libraries.日期庫。

  • moment -在javascript中解析荔棉,驗(yàn)證闹炉,操作和顯示日期。
  • moment-timezone - 時(shí)區(qū)支持moment.js润樱。
  • jquery-timeago -一個(gè)jQuery插件渣触,可以輕松支持自動(dòng)更新模糊時(shí)間戳(例如“4分鐘前”)。
  • timezone-js - 啟用時(shí)區(qū)啟用的JavaScript Date對象壹若。 使用Olson zoneinfo文件進(jìn)行時(shí)區(qū)數(shù)據(jù)嗅钻。
  • date - Date()為人類。
  • ms.js - 微小的毫秒轉(zhuǎn)換實(shí)用程序店展。
  • countdown.js - 超級簡單的倒計(jì)時(shí)
  • timeago.js - 簡單的庫(小于2kb)用于格式化日期與***前面的語句养篓。
  • fecha -輕量級日期格式化和解析(?2KB)。 替代moment.js的解析和格式化功能赂蕴。

String串

String Libraries.字符串庫柳弄。

  • selecting - 一個(gè)庫,允許您訪問用戶選擇的文本
  • underscore.string - Underscore.js JavaScript庫的字符串操作擴(kuò)展概说。
  • string.js -額外的JavaScript字符串方法碧注。
  • he -一個(gè)用JavaScript編寫的強(qiáng)大的HTML實(shí)體編碼器/解碼器嚣伐。
  • multiline - JavaScript中的多行字符串。
  • query-string - 解析并排序URL查詢字符串萍丐。
  • URI.js - Javascript網(wǎng)址變異庫
  • jsurl - 使用JavaScript進(jìn)行輕量級網(wǎng)址操作轩端。
  • sprintf.js - 一個(gè)sprintf實(shí)現(xiàn)。
  • url-pattern - 比網(wǎng)址和其他字符串的正則表達(dá)式字符串匹配模式更容易逝变。 將字符串轉(zhuǎn)換成數(shù)據(jù)或數(shù)據(jù)到字符串

Number數(shù)

  • Numeral-js - 用于格式化和操作數(shù)字的JavaScript庫基茵。
  • chance.js - JavaScript中的隨機(jī)生成器助手 可以生成數(shù)字,字符串等
  • odometer - 順利過渡數(shù)字輕松骨田。
  • accounting.js - 一個(gè)輕量級的JavaScript庫耿导,用于數(shù)字,貨幣和貨幣格式 - 完全可定位态贤,零依賴舱呻。
  • money.js - 一個(gè)小(1kb)的JavaScript貨幣轉(zhuǎn)換庫悠汽,用于web&nodeJS箱吕。
  • Fraction.js - 一個(gè)JavaScript的理性數(shù)字庫
  • Complex.js -一個(gè)復(fù)雜的JavaScript數(shù)字庫
  • Polynomial.js - 一個(gè)用于JavaScript的多項(xiàng)式庫

Storage存儲

  • store.js - 所有瀏覽器的LocalStorage包裝器,不使用Cookie或閃存柿冲。 使用localStorage茬高,globalStorage和userData行為。
  • localForage - 離線存儲假抄,改進(jìn)怎栽。 使用簡單而強(qiáng)大的API來包裝IndexedDB,WebSQL或localStorage宿饱。
  • jStorage -jStorage是一個(gè)簡單的鍵/值數(shù)據(jù)庫熏瞄,用于在瀏覽器端存儲數(shù)據(jù)。
  • cross-storage -跨域本地存儲谬以,具有權(quán)限强饮。
  • basket.js - 用于使用本地存儲緩存和加載腳本的腳本和資源加載程序。
  • bag.js - 一個(gè)緩存腳本和資源加載器为黎,類似于basket.js邮丰,但具有額外的k / v接口和localStorage / websql / indexedDB支持。
  • basil.js -缺少Javascript智能持久層铭乾。
  • jquery-cookie - 一個(gè)簡單剪廉,輕量級的jQuery插件,用于讀取炕檩,寫入和刪除Cookie妈经。
  • js-cookie - 一個(gè)簡單,輕量級的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顏色轉(zhuǎn)換和操作庫。
  • colors - 更明智的默認(rèn)顏色在網(wǎng)絡(luò)上揭朝。
  • PleaseJS - 用于創(chuàng)建隨機(jī)愉悅的顏色和配色方案的JavaScript庫队贱。
  • TinyColor - 快速,小的顏色操縱和JavaScript的轉(zhuǎn)換潭袱。
  • Vibrant.js - 從圖像中提取突出的顏色柱嫌。

I18n And L10n

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

  • i18next -國際化(i18n)用javascript這個(gè)簡單的方法屯换。
  • polyglot - 微型i18n助手庫编丘。
  • babelfish - i18n具有人性化的API,并以復(fù)數(shù)形式支持彤悔。

Class類

  • ClassManager - 世界上最快捷嘉抓,最方便的班級系統(tǒng)之一。
  • klass - 用于在JavaScript中創(chuàng)建表達(dá)式類的實(shí)用程序晕窑。
  • augment - 世界上最小和最快的古典JavaScript繼承模式抑片。

Control Flow控制流程

  • async - 節(jié)點(diǎn)和瀏覽器的Async實(shí)用程序。

  • q -在JavaScript中制作和撰寫異步承諾的工具杨赤。

  • step - 一個(gè)異步控制流程庫敞斋,使步進(jìn)邏輯容易。

  • contra -具有功能味道的異步流量控制疾牲。

  • Bluebird -全功能的承諾圖書館渺尘,專注于創(chuàng)新的功能和性能。

  • when - 一個(gè)堅(jiān)實(shí)说敏,快速的Promises / A +和when()實(shí)現(xiàn),加上其他異步的好東西

  • ObjectEventTarget -

    翻譯時(shí)出錯(cuò)提供一個(gè)原型丢郊,為事件監(jiān)聽器添加支持(與瀏覽器上可用的DOMElements相同的EventTarget行為)盔沫。

Routing路由

  • director - 一個(gè)用于JavaScript的小型和同構(gòu)的URL路由器.
  • page.js -微型客戶端路由器靈感來自Express路由器(?1200字節(jié))。
  • 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與風(fēng)格委造。
  • Conzole - 一個(gè)內(nèi)置JavaScript的調(diào)試面板,將javascript本機(jī)控制臺對象的方法和功能包裝在頁面內(nèi)顯示的面板中均驶。
  • console.log-wrapper -在任何瀏覽器中以清晰的方式登錄到控制臺昏兆。
  • loglevel - 為JavaScript提供最小的輕量級日志記錄,添加可靠的日志級別方法來包裝任何可用的console.log方法妇穴。
  • minilog –使用Stream-API后端的輕量級客戶端和服務(wù)器端日志記錄
  • storyboard -通用日志庫+ Chrome擴(kuò)展; 它允許您在單個(gè)位置查看由用戶操作觸發(fā)的所有客戶端和服務(wù)器任務(wù)

RegExp在線正則表則式

  • RegEx101 - 在線正則表達(dá)式測試器和JavaScript調(diào)試器爬虱。 還支持Python,PHP和PCRE
  • RegExr - 用于創(chuàng)建腾它,測試和學(xué)習(xí)正則表達(dá)式的基于HTML / JS的工具跑筝。
  • RegExpBuilder -使用鏈接方法創(chuàng)建正則表達(dá)式。

Voice Command語音命令

  • annyang - 一個(gè)JavaScript庫瞒滴,用于使用語音識別向您的站點(diǎn)添加語音命令曲梗。
  • voix.js -一個(gè)JavaScript庫,用于向您的網(wǎng)站逛腿,應(yīng)用或游戲添加語音命令稀并。 一個(gè)JavaScript庫,用于向您的網(wǎng)站单默,應(yīng)用或游戲添加語音命令碘举。

API

  • bottleneck - 一個(gè)強(qiáng)大的速率限制器,使節(jié)流容易搁廓。
  • oauth-signature-js - 用于節(jié)點(diǎn)和瀏覽器的JavaScript OAuth 1.0a簽名生成器引颈。
  • amygdala - 用于JavaScript供電的Web應(yīng)用程序的RESTful HTTP客戶端。
  • jquery.rest - 一個(gè)易于使用RESTful API的jQuery插件境蜕。

Streaming流媒體

  • Tailor - 流行布局服務(wù)的前端微服務(wù)蝙场,靈感來自于Facebook的BigPipe

Vision Detection視覺檢測

  • tracking.js - 計(jì)算機(jī)視覺在網(wǎng)絡(luò)上的現(xiàn)代化方法。
  • ocrad.js - OCR在Javascript通過Emscripten粱年。

Machine Learning機(jī)器學(xué)習(xí)

  • ConvNetJS - 在Javascript中深入學(xué)習(xí) 在瀏覽器中訓(xùn)練卷積神經(jīng)網(wǎng)絡(luò)(或普通神經(jīng)網(wǎng)絡(luò))售滤。
  • DN2A -數(shù)字神經(jīng)網(wǎng)絡(luò)架構(gòu)。
  • Brain.js - JavaScript中的神經(jīng)網(wǎng)絡(luò)
  • Mind.js -靈活的神經(jīng)網(wǎng)絡(luò)庫台诗。
  • Synaptic.js - 用于node.js和瀏覽器的無架構(gòu)神經(jīng)網(wǎng)絡(luò)庫完箩。

Browser Detection瀏覽器檢測

Benchmark基準(zhǔn)測試

  • benchmark.js - 一個(gè)基準(zhǔn)圖書館。 在jsPerf.com上使用拉队。
  • matcha - 咖啡因驅(qū)動(dòng)弊知,簡單化的基準(zhǔn)測試方法×豢欤咖啡因驅(qū)動(dòng)秩彤,簡單化的基準(zhǔn)測試方法叔扼。

Code highlighting代碼高亮

  • Highlight.js - Javascript語法熒光筆。
  • PrismJS -輕巧漫雷,堅(jiān)固瓜富,優(yōu)雅的語法高亮。

Loading Status加載狀態(tài)

Libraries for indicate load status.用于指示加載狀態(tài)的庫珊拼。

  • Mprogress.js - 創(chuàng)建Google Material Design進(jìn)度線性條食呻。
  • NProgress -Ajaxyy應(yīng)用程序的細(xì)長進(jìn)度條。
  • Spin.js - 紡紗活動(dòng)指標(biāo)
  • progress.js -為頁面上的每個(gè)對象創(chuàng)建和管理進(jìn)度條澎现。
  • progressbar.js - 使用動(dòng)畫SVG路徑的美麗而敏感的進(jìn)度條仅胞。
  • pace - 自動(dòng)向您的網(wǎng)站添加進(jìn)度條。
  • topbar - 微小而美觀的全方位進(jìn)度指標(biāo)剑辫。
  • nanobar -非常輕量級的進(jìn)度條干旧。
  • PageLoadingEffects - 使用SVG動(dòng)畫顯示新內(nèi)容的現(xiàn)代方式。
  • SpinKit - 使用CSS動(dòng)畫化的加載指示器的集合妹蔽。
  • Ladda - 內(nèi)置負(fù)載指示燈按鈕椎眯。
  • css-loaders - 一系列加載旋轉(zhuǎn)動(dòng)畫與CSS

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

Validation驗(yàn)證

  • Parsley.js - 驗(yàn)證您的表單乳丰,前端掌测,而無需編寫單行JavaScript。
  • jquery-validation -jQuery驗(yàn)證插件产园。
  • validator.js - 字符串驗(yàn)證和消毒汞斧。
  • validate.js -輕巧的JavaScript表單驗(yàn)證庫靈感來自CodeIgniter。
  • validatr - 跨瀏覽器HTML5表單驗(yàn)證
  • FormValidation - 用于驗(yàn)證表單字段的最佳jQuery插件什燕。 以前的BootstrapValidator.
  • is.js - 檢查類型粘勒,正則表達(dá)式,在線狀態(tài)屎即,時(shí)間等.
  • FieldVal - 多用途驗(yàn)證庫庙睡。 支持同步和異步驗(yàn)證。

Keyboard Wrappers鍵盤包裝機(jī)

  • mousetrap - 用于處理Javascript中鍵盤快捷鍵的簡單庫技俐。
  • keymaster - 一個(gè)用于定義和調(diào)度鍵盤快捷鍵的簡單的微型庫乘陪。
  • Keypress - 鍵盤輸入捕獲實(shí)用程序,其中任何鍵可以是修飾鍵虽另。
  • KeyboardJS - 一個(gè)用于綁定鍵盤組合的JavaScript庫,而沒有關(guān)鍵代碼和關(guān)鍵組合沖突的痛苦
  • jquery.hotkeys - jQuery熱鍵可讓您隨時(shí)隨地觀看鍵盤事件饺谬,支持幾乎任何組合鍵捂刺。
  • jwerty -令人稱贊的處理鍵盤事件谣拣。

Tours And Guides旅游指南

  • intro.js - 新功能介紹和逐步用戶指南的更好的方式為您的網(wǎng)站和項(xiàng)目。
  • shepherd - 引導(dǎo)您的用戶瀏覽您的應(yīng)用程序族展。
  • bootstrap-tour -使用Twitter Bootstrap Popovers快速輕松的產(chǎn)品導(dǎo)覽森缠。
  • tourist - 簡單,靈活的旅游您的應(yīng)用程序仪缸。
  • chardin.js -您的應(yīng)用程式的簡單重疊式說明贵涵。
  • pageguide -使用jQuery和CSS3的網(wǎng)頁元素的互動(dòng)指南。
  • hopscotch - 一個(gè)框架恰画,使開發(fā)人員可以輕松地將產(chǎn)品瀏覽添加到其頁面宾茂。
  • joyride -jQuery功能導(dǎo)覽插件。
  • focusable - 將聚焦點(diǎn)放在DOM元素上拴还,將疊加層添加到頁面的其余部分跨晴。

Notifications通知

  • messenger - 您的應(yīng)用程序的咆哮式警報(bào)和消息。
  • noty - jQuery通知插件片林。
  • pnotify - Bootstrap端盆,jQuery UI和Web通知草案的JavaScript通知。
  • toastr - 簡單的JavaScript吐司通知费封。
  • humane-js - 一個(gè)簡單而現(xiàn)代的瀏覽器通知系統(tǒng)焕妙。
  • smoke.js -框架不可知的風(fēng)格的JavaScript提醒系統(tǒng)。
  • notie -簡單的通知和輸入弓摘,無依賴關(guān)系焚鹊。

Sliders滑塊

  • Swiper -移動(dòng)觸摸滑塊和框架與硬件加速轉(zhuǎn)換。

  • slick - 你將需要的最后一個(gè)旋轉(zhuǎn)木馬衣盾。

  • slidesJs -是適用于JQuery(1.7.1+)的幻燈片插件插件寺旺,具有觸摸和CSS3轉(zhuǎn)換等功能

  • FlexSlider - 一個(gè)真棒,完全響應(yīng)的jQuery滑塊插件势决。

  • unslider - 最簡單的jQuery滑塊有阻塑。

  • sly -用于單向滾動(dòng)的JavaScript庫,具有基于項(xiàng)目的導(dǎo)航支持果复。

  • vegas -

    翻譯時(shí)出錯(cuò)一個(gè)jQuery插件陈莽,為您的網(wǎng)頁添加美麗的全屏背景。 它甚至允許幻燈片虽抄。

  • Sequence - 用于創(chuàng)建響應(yīng)式滑塊走搁,演示文稿,橫幅和其他基于步驟的應(yīng)用程序的CSS動(dòng)畫框架迈窟。

  • reveal.js - 一個(gè)使用HTML輕松創(chuàng)建精美演示文稿的框架私植。

  • impress.js -這是一個(gè)基于CSS3轉(zhuǎn)換和現(xiàn)代瀏覽器轉(zhuǎn)換的強(qiáng)大功能的演示框架,并受到prezi.com背后的啟發(fā)车酣。

  • bespoke.js - DIY演示微框架

  • Strut - Strut - Impress.js和Bespoke.js演示編輯器

  • PhotoSwipe - JavaScript圖像庫用于移動(dòng)和桌面曲稼,模塊化索绪,框架獨(dú)立。

  • jcSlider - 一個(gè)響應(yīng)式滑塊jQuery插件與CSS動(dòng)畫贫悄。

  • basic-jquery-slider - 使用簡單瑞驱,主題簡單,易于定制窄坦。

  • jQuery.adaptive-slider - 用于具有自適應(yīng)彩色figcaption和導(dǎo)航的滑塊的jQuery插件

  • slidr - 添加一些幻燈片效果唤反。

  • Flickity - 觸摸,響應(yīng)鸭津,閃爍的畫廊彤侍。

  • Glide.js - 響應(yīng)和觸摸友好的jQuery滑塊。

  • jQuery.adaptive-slider - 用于具有自適應(yīng)彩色figcaption和導(dǎo)航的滑塊的jQuery插件曙博。

Range Sliders范圍滑塊

  • Ion.RangeSlider - 強(qiáng)大而易于定制的范圍滑塊拥刻,具有許多選項(xiàng)和皮膚支持。
  • jQRangeSlider - 支持日期的JavaScript滑塊選擇器父泳。
  • noUiSlider - 輕便般哼,高度可定制的范圍滑塊,無膨脹惠窄。
  • rangeslider.js -HTML5輸入范圍滑塊元素polyfill蒸眠。

Form Widgets窗體小部件

Input輸入

  • typeahead.js -一個(gè)快速和功能齊全的自動(dòng)完成庫。
  • tag-it - 一個(gè)jQuery UI插件來處理多標(biāo)簽字段以及標(biāo)記建議/自動(dòng)填充杆融。
  • At.js -添加Github像提及自動(dòng)完成您的應(yīng)用程序楞卡。
  • Placeholders.js - 用于HTML5占位符屬性的JavaScript polyfill。
  • fancyInput - 使用CSS3效果在輸入字段中打字脾歇。
  • jQuery-Tags-Input -使用這個(gè)jQuery插件將簡單的文本輸入法轉(zhuǎn)換成酷標(biāo)簽列表蒋腮。
  • vanilla-masker -純JavaScript屏蔽輸入。
  • Ion.CheckRadio -jQuery插件用于樣式復(fù)選框和單選按鈕藕各。 帶皮膚支持池摧。
  • awesomplete - 超輕量級嘱能,可用荸型,美觀的自動(dòng)完成與零依賴. - http://leaverou.github.io/awesomplete/

Calendar日歷

  • pickadate.js - 適合移動(dòng)設(shè)備的響應(yīng)速度很輕巧的jQuery日期和時(shí)間輸入選擇器。
  • bootstrap-datepicker - 來自Stefan Petre's(by eyecon.ro)的@twitter引導(dǎo)程序的一個(gè)datepicker昙读,由@eternicode改進(jìn)乌逐。
  • Pikaday - 一個(gè)清爽的JavaScript Datepicker - 輕量級竭讳,沒有依賴關(guān)系,模塊化的CSS浙踢。
  • fullcalendar - 全尺寸拖放事件日歷(jQuery插件)绢慢。
  • rome - 可定制的日期(和時(shí)間)選擇器。 不依賴關(guān)系洛波,選擇加入的用戶界面胰舆。
  • datedropper - datedropper是一個(gè)jQuery插件逻杖,提供了一種快速簡單的方式來管理輸入字段的日期。

Select選擇

  • selectize.js - 選擇是文本框和選擇框的混合思瘟。 它是基于jQuery的,它具有自動(dòng)完成和本土感覺的鍵盤導(dǎo)航; 有用的標(biāo)簽闻伶,聯(lián)系人列表等
  • select2 - 一個(gè)基于jQuery的替代選擇框滨攻。 它支持搜索,遠(yuǎn)程數(shù)據(jù)集和結(jié)果的無限滾動(dòng)蓝翰。
  • chosen - 一個(gè)圖書館光绕,使長,笨重的選擇框更友好畜份。

File Uploader文件上傳器

  • jQuery-File-Upload - 文件上傳小部件與多個(gè)文件選擇诞帐,拖放支持,進(jìn)度條爆雹,驗(yàn)證和預(yù)覽圖像停蕉,jQuery的音頻和視頻。
  • dropzone - Dropzone是一個(gè)易于使用的drag'n'drop庫钙态。 它支持圖像預(yù)覽慧起,并顯示不錯(cuò)的進(jìn)度條。
  • flow.js -一個(gè)JavaScript庫册倒,通過HTML5文件API提供多個(gè)同時(shí)蚓挤,穩(wěn)定,容錯(cuò)和可恢復(fù)/可重新啟動(dòng)的文件上傳
  • fine-uploader - 具有進(jìn)度條驻子,拖放灿意,直接到S3上傳的多個(gè)文件上傳插件。
  • FileAPI - 一組用于處理文件的javascript工具崇呵。 多重上傳缤剧,拖放和分塊文件上傳。 圖像:通過EXIF裁剪演熟,調(diào)整大小和自動(dòng)定向鞭执。
  • plupload - 用于處理文件上傳的JavaScript API支持多種文件選擇,文件類型過濾芒粹,請求分塊兄纺,客戶端圖像縮放等功能,并使用不同的運(yùn)行時(shí)來實(shí)現(xiàn)HTML 5化漆,Silverlight和Flash等功能估脆。

Other其他

  • form -jQuery表單插件。
  • Garlic.js -自動(dòng)保留表單的文本座云,并在本地選擇字段值疙赠,直到表單提交付材。
  • Countable - 一個(gè)JavaScript函數(shù),用于向HTML元素添加實(shí)時(shí)的段落圃阳,字和字符計(jì)數(shù)厌衔。
  • card - 使您的信用卡在一行代碼中更好地形成。
  • stretchy - 表單元素自動(dòng)調(diào)整捍岳,應(yīng)該是這樣富寿。

Tips提示

  • tipsy - 用于jQuery的Facebook風(fēng)格的工具提示插件。
  • opentip - 基于原型框架的開源JavaScript工具提示锣夹。
  • qTip2 - 很強(qiáng)大的工具提示
  • tooltipster -一個(gè)jQuery工具提示插件页徐。
  • simptip - 一個(gè)簡單的CSS工具提示與Sass。
  • jquery-popup-overlay -jQuery插件银萍,用于響應(yīng)和可訪問的模態(tài)窗口和工具提示变勇。
  • toolbar -一個(gè)工具提示樣式工具欄jQuery插件
  • hint.css - CSS中的一個(gè)工具提示庫,用于您可愛的網(wǎng)站贴唇。

Modals and Popups模式和彈出窗口

  • Magnific-Popup - 光和響應(yīng)的燈箱腳本關(guān)注性能搀绣。
  • jquery-popbox -jQuery PopBox UI元素。
  • jquery.avgrund.js - 一個(gè)具有彈出窗口的新模態(tài)概念的jQuery插件戳气。
  • vex - 一個(gè)現(xiàn)代的對話庫豌熄,高度可配置,易于使用物咳。
  • bootstrap-modal -擴(kuò)展默認(rèn)的Bootstrap Modal類锣险。 響應(yīng),可堆疊览闰,ajax等芯肤。
  • css-modal - 純CSS構(gòu)建的模態(tài)。
  • jquery-popup-overlay -jQuery插件压鉴,用于響應(yīng)和可訪問的模態(tài)窗口和工具提示崖咨。
  • SweetAlert - 一個(gè)令人稱贊的替代JavaScript警報(bào)。
  • baguetteBox.js - 使用純粹的JavaScript編寫的簡單易用的燈箱腳本油吭。
  • colorbox -一個(gè)重量輕击蹲,可定制的jQuery插件。
  • fancyBox - 一種工具婉宰,提供了一種漂亮而優(yōu)雅的方式歌豺,為您的網(wǎng)頁上的圖像,HTML內(nèi)容和多媒體添加縮放功能心包。
  • swipebox - 一個(gè)可觸摸的jQuery燈箱
  • jBox - jBox是一個(gè)功能強(qiáng)大且靈活的jQuery插件类咧,可以照顧所有的彈出窗口,工具提示,通知等等痕惋。

Scroll滾動(dòng)

  • scrollMonitor - 一個(gè)簡單快速的API区宇,用于在您滾動(dòng)時(shí)監(jiān)視元素。
  • headroom - 給你的頁面一些空白值戳。
  • onepage-scroll -創(chuàng)建一個(gè)類似蘋果的單頁滾動(dòng)網(wǎng)站(iPhone 5S網(wǎng)站)與一頁滾動(dòng)插件议谷。
  • iscroll -iScroll是一個(gè)高性能,小尺寸堕虹,無依賴關(guān)系柿隙,多平臺JavaScript滾動(dòng)。
  • skrollr - 用于移動(dòng)(Android + iOS)和桌面的獨(dú)立視差滾動(dòng)庫鲫凶。 沒有jQuery。
  • parallax -視覺引擎對智能設(shè)備的方向做出反應(yīng)衩辟。
  • stellar.js - 視差滾動(dòng)變得容易螟炫。
  • plax -jQuery動(dòng)力視差。
  • jparallax -用于創(chuàng)建交互式視差效果的jQuery插件艺晴。
  • fullPage -一個(gè)簡單易用的插件來創(chuàng)建全屏滾動(dòng)網(wǎng)站(也稱單頁網(wǎng)站)昼钻。
  • ScrollMenu -一個(gè)新的界面來代替舊無聊的滾動(dòng)條。
  • Clusterize.js - Tiny vanilla JS插件輕松顯示大數(shù)據(jù)集封寞。

Menu菜單

  • jQuery-menu-aim - jQuery插件在用戶的光標(biāo)位于特定的下拉菜單項(xiàng)時(shí)觸發(fā)事件然评。 用于制作響應(yīng)式的大型下拉菜單,如亞馬遜狈究。
  • jQuery contextMenu - 上下文菜單管理器
  • Slideout - 針對移動(dòng)網(wǎng)絡(luò)應(yīng)用的響應(yīng)式觸摸滑出導(dǎo)航菜單碗淌。
  • Slide and swipe -與touchSwipe庫一起使用的滑動(dòng)滑動(dòng)菜單。

Table/Grid 表/網(wǎng)格

  • jTable - 一個(gè)用于創(chuàng)建基于AJAX的CRUD表的jQuery插件抖锥。
  • DataTables - (jQuery插件)它是一個(gè)高度靈活的工具亿眠,基于漸進(jìn)增強(qiáng)的基礎(chǔ),并將添加高級交互控件到任何HTML表磅废。
  • floatThead -(jQuery插件)在身體內(nèi)滾動(dòng)時(shí)鎖定任何表的標(biāo)題纳像。 適用于任何表格,不需要自定義的HTML或CSS拯勉。
  • Masonry - 級聯(lián)網(wǎng)格布局庫竟趾。
  • Packery - 使用二進(jìn)制包裝算法的網(wǎng)格布局庫。 適用于可拖動(dòng)布局宫峦。
  • Isotope - 一個(gè)可過濾的岔帽,可排序的網(wǎng)格布局庫。 可以實(shí)施磚石导绷,包裝和其他布局山卦。
  • flexboxgrid -基于CSS3 flexbox的網(wǎng)格

Frameworks構(gòu)架

  • Semantic UI - UI Kit具有許多主題和元素
  • w2ui - 一組用于前端開發(fā)數(shù)據(jù)驅(qū)動(dòng)的Web應(yīng)用程序的jQuery插件。
  • fluidity -世界上最小的完全響應(yīng)css框架
  • Ink - 用于SAPO的HTML5 / CSS3框架,用于快速高效的網(wǎng)站設(shè)計(jì)和原型設(shè)計(jì)

Boilerplates鍋爐

  • html5-boilerplate - 專業(yè)的前端模板账蓉,用于構(gòu)建快速枚碗,強(qiáng)大和適應(yīng)性強(qiáng)的網(wǎng)絡(luò)應(yīng)用程序或網(wǎng)站。
  • mobile-boilerplate -一個(gè)前端模板铸本,可幫助您構(gòu)建快速肮雨,現(xiàn)代的移動(dòng)網(wǎng)絡(luò)應(yīng)用程序。
  • webplate -一個(gè)令人敬畏的前端框架箱玷,讓您專注于構(gòu)建您的網(wǎng)站或應(yīng)用程序怨规,同時(shí)仍然非常容易使用。
  • Cerberus - 一些簡單但固定的模式锡足,用于響應(yīng)HTML電子郵件波丰。 即使在Outlook中。
  • full-page-intro-and-navigation - 帶有全寬度背景圖片的介紹頁面舶得,粗體動(dòng)畫菜單和導(dǎo)航后面的類似iOS的模糊效果
  • Fluid-Squares - 流體網(wǎng)格的平方單位掰烟。
  • Mobile-First-RWD - 移動(dòng)優(yōu)先響應(yīng)網(wǎng)頁設(shè)計(jì)的一個(gè)例子
  • this-is-responsive - 這是響應(yīng)
  • npm run-scripts 使用NPM運(yùn)行腳本進(jìn)行任務(wù)自動(dòng)化。使用NPM運(yùn)行腳本進(jìn)行任務(wù)自動(dòng)化沐批。

Gesture手勢

  • hammer.js -一個(gè)用于多點(diǎn)觸控手勢的javascript庫纫骑。
  • touchemulator - 模擬桌面上的觸摸輸入。
  • Dragula -拖放如此簡單

Maps地圖

  • Leaflet -適用于移動(dòng)設(shè)備的交互式地圖的JavaScript庫九孩。
  • Cesium - 開源WebGL虛擬地球儀和地圖引擎..
  • gmaps - 使用Google地圖的最簡單的方法先馆。
  • polymaps -一個(gè)免費(fèi)的JavaScript庫,用于在現(xiàn)代網(wǎng)絡(luò)瀏覽器中制作動(dòng)態(tài)交互式地圖躺彬。
  • kartograph.js -Kartograph SVG地圖的開源JavaScript渲染器煤墙。
  • mapbox.js - Mapbox JavaScript API,傳單插件宪拥。
  • jqvmap -jQuery矢量地圖庫番捂。
  • OpenLayers3 - 一個(gè)用于所有映射需求的高性能,功能強(qiáng)大的庫江解。

Video/Audio視頻/音頻

  • prettyembed.js -漂亮地嵌入您的YouTubes - 具有很好的選項(xiàng)设预,如高分辨率預(yù)覽圖像,嵌入選項(xiàng)的高級定制和可選的FitVids支持犁河。
  • html5media - 在所有主流瀏覽器中啟用和標(biāo)記. https://html5media.info/
  • Play-em JS - Play'em是一個(gè)JavaScript組件鳖枕,通過將多個(gè)播放器嵌入到包含Youtube,Soundcloud和Vimeo的HTML DIV中來管理音樂/視頻軌道隊(duì)列并播放一系列的歌曲桨螺。
  • polyplayer - 用一個(gè)API規(guī)則YouTube宾符,Soundcloud和Vimeo播放器
  • flowplayer - 用于網(wǎng)絡(luò)的HTML5視頻播放器https://flowplayer.org/
  • mediaelement - 具有Flash和Silverlight墊片的HTML5或播放器,其模仿HTML5 MediaElement API灭翔,在所有瀏覽器中實(shí)現(xiàn)一致的UI. http://mediaelementjs.com/
  • SoundJS - 一個(gè)使用網(wǎng)絡(luò)音頻的圖書館更容易魏烫。 它為不同瀏覽器播放音頻提供了一致的API。
  • video.js -Video.js - 開源HTML5和Flash視頻播放器
  • FitVids.js - 一個(gè)輕量級,易于使用的jQuery插件哄褒,用于流體寬度視頻嵌入稀蟋。
  • Ion.Sound - 任何網(wǎng)頁上的簡單的聲音
  • photobooth-js - 一個(gè)小部件,允許用戶在您的網(wǎng)站上拍攝他們的頭像圖片
  • clappr - 用于網(wǎng)絡(luò)的可擴(kuò)展媒體播放器http://clappr.io

Typography排版

  • FlowType.JS - 最好的網(wǎng)頁排版:基于元素寬度的font-size和line-height呐赡。
  • BigText - jQuery插件退客,計(jì)算將一行文本匹配到特定寬度所需的字體大小和字間距。
  • circletype - 一個(gè)jQuery插件链嘀,可以讓您在網(wǎng)絡(luò)上進(jìn)行曲線
  • slabText - 一個(gè)jQuery插件萌狂,用于制作大而大膽和敏感的標(biāo)題
  • simple-text-rotator -添加一個(gè)超簡單的旋轉(zhuǎn)文本到您的網(wǎng)站,幾乎沒有標(biāo)記
  • novacancy.js -文本霓虹黃金效果jQuery插件怀泊。
  • jquery-responsive-text - 使您的文本大小響應(yīng)茫藏!
  • FitText.js - 一個(gè)用于充氣web類型的jQuery插件
  • Lettering.js - 一個(gè)輕量級,易于使用的Javascript <span>注入器霹琼,用于激進(jìn)的Web排版

Animations動(dòng)畫

  • velocity - 加速JavaScript動(dòng)畫务傲。
  • jquery.transit - 超級流暢的CSS3轉(zhuǎn)換和jQuery轉(zhuǎn)換。
  • imrpess.js -在HTML文檔中使用CSS3轉(zhuǎn)換/轉(zhuǎn)換進(jìn)行類似Prezi的演示碧囊。
  • bounce.js -創(chuàng)建美味的CSS3動(dòng)力動(dòng)畫在任何時(shí)間。
  • GreenSock-JS - 高性能HTML5動(dòng)畫纤怒,適用于所有主流瀏覽器糯而。
  • TransitionEnd - TransitionEnd是一個(gè)不可知和跨瀏覽器的圖書館,可以與轉(zhuǎn)換事件一起工作泊窘。
  • Dynamic.js - Javascript庫創(chuàng)建基于物理的CSS動(dòng)畫熄驼。
  • the-cube - 立方體是CSS3轉(zhuǎn)換的實(shí)驗(yàn)。
  • Effeckt.css - 演員轉(zhuǎn)換和動(dòng)畫圖書館
  • animate.css - CSS動(dòng)畫跨瀏覽器庫烘豹。 作為一個(gè)容易的事情容易使用瓜贾。
  • textillate - 一個(gè)CSS3文本動(dòng)畫的簡單插件
  • move.js - CSS3支持JavaScript動(dòng)畫框架
  • animatable - 一個(gè)屬性,兩個(gè)價(jià)值觀携悯,無盡的可能性
  • shuffle-images - 最簡單的方式祭芦,以創(chuàng)意的方式洗牌http://www.thepetedesign.com/demos/shuffle-images_demo.html
  • smoothState.js - 不引人注目的頁面轉(zhuǎn)換與jQuery。 http://smoothstate.com/

Image Processing圖像處理

  • lena.js - 用于具有過濾器和util功能的圖像處理庫憔鬼。
  • pica - 高質(zhì)量的圖像調(diào)整大泄昃ⅰ(使用快速Lanczos過濾器,在純JS中實(shí)現(xiàn))轴或。
  • cropper - 一個(gè)簡單的jQuery圖像裁剪插件昌跌。

ES6

  • es6features - ECMAScript 6功能概述。
  • es6-features -ECMAScript 6:功能概述與比較照雁。
  • es6-cheatsheet - ES2015 [ES6]包含提示蚕愤,技巧,最佳做法和代碼段的秘籍。
  • ECMAScript 6 compatibility table - 各種環(huán)境下所有ECMAScript 6功能的兼容性表萍诱。
  • Babel (Formerly 6to5) -將ES6 +代碼轉(zhuǎn)換為香草ES5悬嗓,無運(yùn)行時(shí)。
  • Traceur compiler - ES6功能> ES5砂沛。 包括類烫扼,生成器,承諾碍庵,解構(gòu)模式映企,默認(rèn)參數(shù)等等。

SDK

  • javascript-sdk-design - Javascript SDK設(shè)計(jì)指南從工作和個(gè)人經(jīng)驗(yàn)中提取出來
  • Spotify SDK - 面向?qū)嶓w的SDK可以與Spotify Web API協(xié)同工作静浴。

Misc雜項(xiàng)

  • echo - 懶惰加載帶有data- *屬性的圖像堰氓。
  • picturefill - 適用于<picture>,srcset苹享,尺寸的響應(yīng)圖像polyfill双絮。
  • platform.js - 一個(gè)平臺檢測庫,可以在幾乎所有的JavaScript平臺上工作得问。
  • json3 - 幾乎所有JavaScript平臺兼容的現(xiàn)代JSON實(shí)現(xiàn)囤攀。
  • Logical Or Not - 關(guān)于JavaScript特性的游戲。
  • BitSet.js - JavaScript位向量實(shí)現(xiàn)
  • spoiler-alert - SPOILER ALERT宫纬! 一個(gè)快樂的小jQuery插件焚挠,以隱藏您的網(wǎng)站上的擾流板。
  • jquery.vibrate.js - 振動(dòng)API包裝機(jī)
  • list.js - 將搜索漓骚,排序蝌衔,過濾器和靈活性添加到表格,列表和各種HTML元素蝌蹂。 構(gòu)建為不可見噩斟,并在現(xiàn)有的HTML上工作. http://www.listjs.com
  • mixitup -MixItUp - 過濾器和排序插件
  • grid - 拖放庫,用于二維孤个,可調(diào)整大小和響應(yīng)式列表剃允。
  • jquery-match-height - 一個(gè)反應(yīng)相似的高級插件jQuery。

Podcasts播客

  • JavaScript Air - 實(shí)況視頻播放全部涉及JavaScript和Web平臺齐鲤。
  • Web of Tomorrow -Podcast關(guān)于JavaScript的初學(xué)者硅急。
  • Javascript Jabber - 每周有關(guān)JavaScript的播客,包括Node.js佳遂,前端技術(shù)营袜,職業(yè),團(tuán)隊(duì)等丑罪。

Worth Reading值得一讀

Other Awesome Lists

更多資源

原文: github sorrycc

園友推薦:

avalon:迷你簡單易用的前端MVVM框架,支持IE6免绿,https://github.com/avalonjs/avalonjs.github.io唧席,http://avalonjs.coding.me/

紅楓星空 推薦,作者:司徒正美

AlloyFinger:針對多點(diǎn)觸控設(shè)備編程的Web手勢組件嘲驾,快速幫助你的web程序增加手勢支持淌哟,也不用再擔(dān)心click 300ms的延遲了。https://github.com/AlloyTeam/AlloyFinger

【當(dāng)耐特】 推薦辽故,作者:騰訊(https://github.com/AlloyTeam

UEditor:是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器徒仓,具有輕量,可定制誊垢,注重用戶體驗(yàn)等特點(diǎn)掉弛,開源基于MIT協(xié)議,允許自由使用和修改代碼

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

Webuploader:WebUploader是由Baidu WebFE(FEX)團(tuán)隊(duì)開發(fā)的一個(gè)簡單的以HTML5為主喂走,F(xiàn)LASH為輔的現(xiàn)代文件上傳組件殃饿。

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

Adming 推薦,作者:百度

---恢復(fù)內(nèi)容結(jié)束---

用于構(gòu)建用戶界面的透明MVC框架芋肠。

Awesome系列的JavaScript資源整理乎芳。awesome-javascript是sorrycc發(fā)起維護(hù)的 JS 資源列表,內(nèi)容包括:包管理器业栅、加載器秒咐、測試框架谬晕、運(yùn)行器碘裕、QA、MVC框架和庫攒钳、模板引擎帮孔、數(shù)據(jù)可視化、時(shí)間軸不撑、編輯器等文兢。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市焕檬,隨后出現(xiàn)的幾起案子姆坚,更是在濱河造成了極大的恐慌,老刑警劉巖实愚,帶你破解...
    沈念sama閱讀 206,126評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件兼呵,死亡現(xiàn)場離奇詭異兔辅,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)击喂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評論 2 382
  • 文/潘曉璐 我一進(jìn)店門维苔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人懂昂,你說我怎么就攤上這事介时。” “怎么了凌彬?”我有些...
    開封第一講書人閱讀 152,445評論 0 341
  • 文/不壞的土叔 我叫張陵沸柔,是天一觀的道長。 經(jīng)常有香客問我饿序,道長勉失,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,185評論 1 278
  • 正文 為了忘掉前任原探,我火速辦了婚禮乱凿,結(jié)果婚禮上蝗砾,老公的妹妹穿的比我還像新娘皱碘。我一直安慰自己鹦聪,他們只是感情好席噩,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評論 5 371
  • 文/花漫 我一把揭開白布简十。 她就那樣靜靜地躺著鹏漆,像睡著了一般抑钟。 火紅的嫁衣襯著肌膚如雪德迹。 梳的紋絲不亂的頭發(fā)上闹蒜,一...
    開封第一講書人閱讀 48,970評論 1 284
  • 那天寺枉,我揣著相機(jī)與錄音,去河邊找鬼绷落。 笑死姥闪,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的砌烁。 我是一名探鬼主播筐喳,決...
    沈念sama閱讀 38,276評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼函喉!你這毒婦竟也來了避归?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,927評論 0 259
  • 序言:老撾萬榮一對情侶失蹤管呵,失蹤者是張志新(化名)和其女友劉穎梳毙,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體捐下,經(jīng)...
    沈念sama閱讀 43,400評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡账锹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評論 2 323
  • 正文 我和宋清朗相戀三年堂氯,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片牌废。...
    茶點(diǎn)故事閱讀 37,997評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡咽白,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鸟缕,到底是詐尸還是另有隱情晶框,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評論 4 322
  • 正文 年R本政府宣布懂从,位于F島的核電站授段,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏番甩。R本人自食惡果不足惜侵贵,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望缘薛。 院中可真熱鬧窍育,春花似錦、人聲如沸宴胧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽恕齐。三九已至乞娄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間显歧,已是汗流浹背仪或。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評論 1 260
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留士骤,地道東北人范删。 一個(gè)月前我還...
    沈念sama閱讀 45,423評論 2 352
  • 正文 我出身青樓,卻偏偏與公主長得像敦间,于是被迫代替她去往敵國和親瓶逃。 傳聞我的和親對象是個(gè)殘疾皇子束铭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評論 2 345

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