彈出框
layer：http://layer.layui.com/
獨(dú)立維護(hù)的三大組件之一（layDate枪向、layer谷羞、layim）
dialogBox：http://www.jq22.com/jquery-in...
基于jQuery的彈出框
Bootbox.js：http://bootboxjs.com/
基于Bootstrap的彈出框
SweetAlert：https://sweetalert.js.org/
一個效果非常好的彈層，支持圖片痕貌、支持輸入
輪播圖
Swiper：https://www.swiper.com.cn/
開源风罩、免費(fèi)、強(qiáng)大的觸摸滑動插件舵稠，常用于移動端超升。
iSlider：http://eux.baidu.com/iSlider/...
iSlider是一個表現(xiàn)出眾入宦，無任何插件依賴的手機(jī)平臺javascript滑動組件。它能夠處理任何元素室琢，例如圖片或者DOM元素
WebSlides：https://webslides.tv/#slide=1
用HTML來實(shí)現(xiàn)網(wǎng)頁版的PPT和宣傳展示頁乾闰。
Owl Carousel 2：http://owlcarousel2.github.io...
基于jQuery的輪播
slick：http://kenwheeler.github.io/s...
jQuery旋轉(zhuǎn)木馬插件slick
jQuery slider：http://www.jq22.com/jquery-in...
插件描述：最全最簡單最通用的 幻燈片輪播 ，可控制的插件盈滴，pc端和移動端都可完美使用
實(shí)時刷新
Browsersync：https://www.browsersync.io/
Browsersync能讓瀏覽器實(shí)時涯肩、快速響應(yīng)您的文件更改（html、js巢钓、css病苗、sass、less等）并自動刷新頁面症汹。
頁面調(diào)試
AlloyLever：https://github.com/AlloyTeam/...
騰訊開發(fā)維護(hù)的代碼調(diào)試發(fā)布硫朦，錯誤監(jiān)控上報，用戶問題定位背镇∫д梗可以通過url參數(shù)遠(yuǎn)程調(diào)試客戶端定位問題。
vConsole：https://github.com/Tencent/vC...
同樣是由騰訊開發(fā)維護(hù)的代碼調(diào)試工具芽世，是針對移動端的調(diào)試工具挚赊。與上一個不同的是，不能通過添加url參數(shù)遠(yuǎn)程調(diào)試客戶端济瓢。
函數(shù)庫
Lodash：https://github.com/lodash/lodash
是一個一致性荠割、模塊化、高性能的 JavaScript 實(shí)用工具庫旺矾。很多方法lodash已經(jīng)幫你寫好了蔑鹦，直接調(diào)用就行，不用自己費(fèi)盡心思去寫了箕宙。
Underscore：https://underscorejs.org/
Underscore提供了一套完善的函數(shù)式編程的接口嚎朽，讓我們更方便地在JavaScript中實(shí)現(xiàn)函數(shù)式編程。
Ramda：https://github.com/ramda/ramda
與前兩者類似柬帕，但不同的是參數(shù)位置不一樣哟忍，Ramda的理念是function first，data last陷寝。Ramda 還有一個特點(diǎn)：所有方法都支持柯里化锅很。
可以通過阮一峰的文章Ramda 函數(shù)庫參考教程學(xué)習(xí)。
outils：https://github.com/proYang/ou...
前端業(yè)務(wù)代碼工具庫凤跑。統(tǒng)一封裝常用函數(shù)爆安，并發(fā)布到npm，以提高開發(fā)效率仔引。
手勢庫
AlloyFinger：https://github.com/AlloyTeam/...
針對多點(diǎn)觸控設(shè)備編程的Web手勢組件扔仓，快速幫助你的web程序增加手勢支持褐奥，也不用再擔(dān)心click 300ms的延遲了。擁有兩個版本翘簇，無依賴的獨(dú)立版和react版本撬码。除了Dom對象，也可監(jiān)聽Canvas內(nèi)元素的手勢缘揪。
二維碼
jQuery qrcode：https://github.com/jeromeetie...
是一個能夠在客戶端生成矩陣二維碼的jQuery插件耍群，使用它可以很方便的在頁面上生成二維碼。
模版引擎
doT：https://github.com/olado/doT
doT模板方便快捷的組織頁面DOM找筝，特點(diǎn)是快蹈垢，小，無依賴其他插件袖裕。這也是我在項目中經(jīng)常會使用的一個模版引擎曹抬。
handlebars：http://handlebarsjs.com/
Handlebars 是 JavaScript 一個語義模板庫，通過對view和data的分離來快速構(gòu)建Web模板急鳄。它采用"Logic-less template"（無邏輯模版）的思路谤民，在加載時被預(yù)編譯，而不是到了客戶端執(zhí)行到代碼時再去編譯疾宏， 這樣可以保證模板加載和運(yùn)行的速度张足。
中文版本教程可以參考這篇文章Handlebars.js 模板引擎。
Template7：http://idangero.us/template7/
針對移動端模板引擎坎藐，語法很類似Handlebars为牍。它是Framework7 內(nèi)置模版引擎。另外據(jù)官網(wǎng)說岩馍，它比Handlebars在移動端Safari中快2-3倍碉咆。
入門文章可以看[
template7入門教程及對它的一些看法](https://segmentfault.com/a/11...。
Jade Language：http://jade-lang.com/
Node模版引擎蛀恩，是Express框架內(nèi)置的模版引擎疫铜。中文版的教程可以看這篇Jade模板。
另外可以參考Jade Syntax Documentation双谆，這里整理了Jade模版引擎的使用方法壳咕，并且可以實(shí)時更新。
顏色選擇器
Bootstrap Colorpicker：https://farbelous.io/bootstra...
Bootstrap 4 中使用的顏色選擇器顽馋。
spectrum：http://bgrins.github.io/spect...
支持移動端的谓厘，超小的顏色選擇器。不用大量的圖片趣避、也不需要其他插件，同時支持自定義新翎。
動畫庫
Animate.css：https://daneden.github.io/ani...
css3動畫庫程帕，也是目前通用的動畫庫住练。只需要引入css，添加css樣式即可實(shí)現(xiàn)動畫愁拭。
Anime.js：http://animejs.com/
Anime (/??n.?.me?/)是一個輕量級JavaScript動畫庫讲逛。
Hover.css：http://ianlunn.github.io/Hover/
CSS3 hover 懸停效果，可以應(yīng)用于鏈接岭埠、按鈕盏混、圖片、SVG等等惜论。
WOW.js：http://mynameismatthieu.com/W...
滾動展示動畫许赃，WOW.js 依賴 animate.css，所以它支持 animate.css 多達(dá) 60 多種的動畫效果馆类。
另外從官網(wǎng)上下載使用的時候混聊，要注意授權(quán)許可。不同的授權(quán)許可乾巧，價錢可是不一樣滴哦句喜。
Magic.css：https://github.com/miniMAC/magic
css3 animation動畫庫。
Waves：http://fian.my.id/Waves/
點(diǎn)擊波紋效果沟于，是一個基于 Google's Material Design 的點(diǎn)擊效果咳胃。
move.js：http://visionmedia.github.io/...
一個小型的JavaScript庫，通過JS來控制一系列的CSS動畫順序執(zhí)行旷太，使CSS3動畫變得非常簡單和優(yōu)雅展懈。
圖片上傳
Fine Uploader：https://github.com/FineUpload...
一個超簡單的JS文件上傳庫。
webuploader：http://fex.baidu.com/webuploa...
由百度開發(fā)的以HTML5為主泳秀，以FLASH為輔的文件上傳組件标沪。兼容IE6+，iOS 6+, android 4+嗜傅。
正則表達(dá)式
regexper：https://regexper.com/
用圖形的方式表示正則表達(dá)式金句。
圖片無損壓縮
tinypng：https://tinypng.com/
圖片無損壓縮，支持PS軟件插件直接壓縮吕嘀，另外提供http违寞、ruby、php偶房、node.js趁曼、pyhont、java棕洋、.net多種方式API挡闰。
提供在線壓縮。如果是多張圖片壓縮需要付費(fèi)~
圖好快：https://www.tuhaokuai.com/
一款國內(nèi)的在線圖片壓縮。同樣大量圖片文件壓縮需要付費(fèi)摄悯。
數(shù)據(jù)Mock
Mock.js：http://mockjs.com/
是一款前端開發(fā)中攔截Ajax請求再生成隨機(jī)數(shù)據(jù)響應(yīng)的工具.可以用來模擬服務(wù)器響應(yīng). 優(yōu)點(diǎn)是非常簡單方便, 無侵入性, 基本覆蓋常用的接口數(shù)據(jù)類型赞季。
官網(wǎng)上沒有直接給ajax的請求攔截例子，可以參考這篇[
Mock.js使用](https://segmentfault.com/a/11...
Easy Mock：https://easy-mock.com
是一個可視化奢驯，并且能快速生成模擬數(shù)據(jù)的服務(wù)申钩，是一個Mock平臺，由大搜車維護(hù)瘪阁。Easy Mock也是基于Mock.js撒遣，不同的是不用在本地存儲文件，直接遠(yuǎn)程訪問接口管跺。接口完成后只需要改變url地址即可义黎。
簡單了解Easy Mock使用方法，可以參考如何使用Easy Mock伙菜，直接看文章中給出的視頻連接即可轩缤。
JSON Server：https://github.com/typicode/j...
基于node服務(wù)，可以生成 REST API ,非常的方便贩绕。
視頻播放器
chimee：http://chimee.org/
Chimee（讀“奇米”, [t??'m?:]）是由奇舞團(tuán)開源的一套 H5 視頻播放器解決方案火的。
支持 MP4、M3U8淑倾、FLV 等多種媒體格式馏鹤，同時它也幫我們解決了大部分的兼容性、差異化問題娇哆，包括全屏湃累、自動播放、內(nèi)聯(lián)播放碍讨、直播解碼等常見媒體播放需求治力。
flv.js：https://github.com/Bilibili/f...
Bilibili開源純JavaScript編寫的FLV播放器。
Video.js：https://videojs.com/
開源勃黍、免費(fèi)的HTML5和Flash視頻播放器
jPlayer：http://www.jplayer.org/
jQuery的HTML5 音頻和視頻播放器宵统。另外目前已經(jīng)添加了React 版本的jPlayer。
滾動庫
iScroll：https://github.com/cubiq/iscroll
iScroll是一個高性能覆获、小體積马澈、零依賴、跨平臺的js滾動庫弄息。它支持PC端痊班、移動端甚至smart TV。
另外支持了多個不同的js版本摹量，可以根據(jù)需求選擇使用涤伐。
beter-scroll：https://github.com/ustbhuangy...
一款重點(diǎn)解決移動端（已支持 PC）各種滾動場景需求的插件馒胆。它的核心是借鑒的 iscroll 的實(shí)現(xiàn)并對其進(jìn)行了優(yōu)化。
另外beter-scroll用vue進(jìn)行了重寫凝果，更適合進(jìn)行移動端的開發(fā)国章。
mescroll：https://github.com/mescroll/m...
精致的下拉刷新和上拉加載 js框架.支持vue,完美運(yùn)行于移動端和主流PC瀏覽器。
