JavaScript資源大全中文版(Awesome最新版)
目錄
- 前端MVC框架與庫
- Package Managers
- Loaders
- Bundlers
- Testing Frameworks
- QA Tools∫√臁QA工具
- Node-Powered CMS Frameworks 節(jié)點(diǎn)供電的CMS框架
- Templating Engines 模板發(fā)動(dòng)機(jī)
- Articles and Posts 文章和帖子
- Data Visualization 數(shù)據(jù)可視化
- Timeline 時(shí)間線
- Spreadsheet 電子表格
- Editors 編輯
- Documentation文件
- Files 文件
- Functional Programming功能編程
- Reactive Programming反應(yīng)式編程
- Data Structure數(shù)據(jù)結(jié)構(gòu)
- Date日期
- String串
- Number數(shù)
- Storage存儲
- Color顏色
- I18n And L10n
- Class類
- Control Flow控制流程
- Routing路由
- Security安全
- Log日志
- RegExp在線正則表則式
- Voice Command語音命令
- API
- Streaming流媒體
- Vision Detection視覺檢測
- Machine Learning機(jī)器學(xué)習(xí)
- Browser Detection瀏覽器檢測
- Benchmark基準(zhǔn)測試
- Code highlighting代碼高亮
- Loading Status加載狀態(tài)
- Validation驗(yàn)證
- Keyboard Wrappers鍵盤包裝機(jī)
- Tours And Guides旅游指南
- Notifications通知
- Sliders滑塊
- Range Sliders范圍滑塊
- Form Widgets窗體小部件
- Tips提示
- Modals and Popups模式和彈出窗口
- Scroll滾動(dòng)
- Menu菜單
- Table/Grid 表/網(wǎng)格
- Frameworks構(gòu)架
- Boilerplates鍋爐
- Gesture手勢
- Maps地圖
- Video/Audio視頻/音頻
- Typography排版
- Animations動(dòng)畫
- Image Processing圖像處理
- ES6
- SDK
- Misc雜項(xiàng)
- Podcasts播客
- Worth Reading值得一讀
- Other Awesome Lists
- 更多資源
- 園友推薦:
- 感謝
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)用程序炬称。
- derby-awesome -一系列令人敬畏的德比組件
- 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),加上其他異步的好東西
-
翻譯時(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瀏覽器檢測
- bowser - 瀏覽器檢測器
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值得一讀
- braziljs/js-the-right-way
- JSbooks
- Superhero.js - 關(guān)于創(chuàng)建荚板,測試和維護(hù)大型JavaScript代碼庫的資源集合凤壁。
- SJSJ -簡化的JavaScript術(shù)語是一種社區(qū)驅(qū)動(dòng)的嘗試,以簡單的語言來解釋當(dāng)前JavaScript生態(tài)系統(tǒng)的流行語言跪另。
- How to Write an Open Source JavaScript Library -通過一系列步驟發(fā)布JavaScript開源庫的綜合指南拧抖。
Other Awesome Lists
- sotayamashita/awesome-css
- emijrp/awesome-awesome
- bayandin/awesome-awesomeness
- sindresorhus/awesome
- jnv/list
- gianarb/angularjs
- peterkokot/awesome-dojo
- addyosmani/es6-tools
- ericdouglas/ES6-Learning
- obetomuniz/awesome-webcomponents
- willianjusten/awesome-svg
- davidsonfellipe/awesome-wpo
- instanceofpro/awesome-backbone
- enaqx/awesome-react
- bolshchikov/js-must-watch
- peterkokot/awesome-jquery
- dinbror/you-might-not-need-jquery-plugins
- MaximAbramchuck/awesome-interviews
更多資源
原文: 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í)間軸不撑、編輯器等文兢。