前端常用外掛、工具類庫彙總，不要重複造輪子啦！！！
在開發中，我們經常會將一些常用的程式碼塊、功能塊進行封裝，為的是更好的複用。那麼，被抽離出來獨立完成功能，通過API或配置項和其他部分互動，便形成了外掛。
下面這些是我在工作中積累的一些常用的前端開源外掛，這裡只是羅列出來，詳細的用法各個外掛官網或者Gayhub都有介紹。注意：往往一個解決方案會有多個外掛，需要讀者根據自己的實際業務需求進行甄別選用，歡迎留言交流和補充。 ^_^
可以先加個收藏（Ctrl + D），以後遇到類似的場景就來看看具體的外掛及其用法。
另外，不要重複造輪子，把精力放在業務邏輯上！
函式庫
Lodash（推薦）： ofollow,noindex">github.com/lodash/loda…
Underscore：underscorejs.org/
Ramda： github.com/ramda/ramda
outils： github.com/proYang/out…
30-seconds-of-code： github.com/Chalarangel…
動畫庫
Animate.css
- CSS3 動畫庫，也是目前最通用的動畫庫。
- daneden.github.io/animate.css…
Anime.js：
- 一個強大的、輕量級的用來製作動畫的javascript庫
- animejs.com/
Hover.css：
- CSS hover 懸停效果，可以應用於連結、按鈕、圖片等等。
- github.com/IanLunn/Hov…
wow.js:
- 滾動展示動畫
- WOW.js 依賴 animate.css，所以它支援 animate.css 多達 60 多種的動畫效果。
- github.com/matthieua/W…
scrollReveal.js：
- 類似 wow.js
- github.com/jlmakes/scr…
Magic.css：
- css3 animation動畫庫
- github.com/miniMAC/mag…
Waves：
- 點選波紋效果
- github.com/fians/Waves
move.js：
- 一個小型的JavaScript庫，通過JS來控制一系列的CSS動畫順序執行，使CSS3動畫變得非常簡單和優雅。
- github.com/visionmedia…
Velocity.js：
- 一個功能齊全的 JavaScript 動畫套件，包括諸如淡入淡出、滾動、滾動、停止、結束、翻轉等動畫效果。
- github.com/julianshapi…
滾動庫
iscroll - 平滑滾動外掛： github.com/cubiq/iscro…
BetterScroll：
- github.com/ustbhuangyi…
- iscroll 的優化版，使移動端滑動體驗更加流暢
animatescroll：
crossfade.js：
- jQuery圖片模糊外掛crossfade.js
- www.dowebok.com/104.html
jQuery Scrollbox：
- 圖片文字滾動外掛
- www.jq22.com/jquery-info…
liMarquee：
- jQuery無縫滾動外掛
- www.dowebok.com/188.html
輪播圖
Swiper：
- 常用於移動端網站的內容觸控滑動
- www.swiper.com.cn/
iSlider：
- 移動端滑動元件
- eux.baidu.com/iSlider/dem…
slip.js：
- 移動端跟隨手指滑動元件，零依賴。
- github.com/binnng/slip…
OwlCarousel2： owlcarousel2.github.io/OwlCarousel…
slick： www.jq22.com/jquery-info…
myFocus： www.cosmissy.com/myfocus/tut…
WebSlides： github.com/webslides/w…
jQuery輪播外掛slider： www.jq22.com/jquery-info…
滾屏
fullpage： www.jq22.com/jquery-info…
彈出框
layer：
- layer.layui.com/
- layui 獨立維護的三大元件之一（layDate、layer、layim）
- 儘管 layui 中包含了這些元件，但因為它們受眾群體廣泛或應用廣泛，特從 layui 中抽取出來個副本，可獨立引用。我們也會對它們進行同步維護。
Bootbox.js：bootboxjs.com/
dialogBox：
- 基於 jQuery
- www.jq22.com/jquery-info…
easyDialog： www.h-ui.net/easydialog-…
訊息通知
Notyf：
- 簡單的響應式純js訊息通知外掛
- www.htmleaf.com/jQuery/Ligh…
PNotify：
- 頁面右上角的提示資訊（非彈框提示）
- sciactive.com/pnotify/
- sciactive.github.io/pnotify/
- github.com/sciactive/p…
overhang.js：
- www.jq22.com/jquery-info…
- overhang.js 是一個JQuery外掛顯示即時通知、 確認或給定元素中的提示。
下拉框
select2：select2.org/
級聯選擇器
ustbhuangyi/picker
- github.com/ustbhuangyi…
- 移動端最好用的的篩選器元件、聯動篩選
jQueryDistpicker：
顏色選擇器
Bootstrap Colorpicker 2： github.com/farbelous/b…
時間選擇器
layDate： www.layui.com/laydate/
wdatepicker
時間日期處理
Moment.js：
- Moment.js 是一個解析，驗證，操作和顯示日期和時間的 JavaScript 類庫。
- momentjs.com
- github.com/moment/mome…
timeago.js：
- 輕量級的時間轉換 Javascript 庫
- github.com/hustcc/time…
表單驗證
validator.js： github.com/chriso/vali…
jQuery Validation
- jQuery 表單校驗
- github.com/jquery-vali…
Validation Plugin：
- jQuery外掛
- www.imooc.com/learn/385
Validform：
- 一行程式碼搞定整站的表單驗證！- Jquery表單驗證外掛
- validform.rjboy.cn/
分頁外掛
pagination： github.com/superRaytin…
富文字編輯器
wangEditor： ueditor.baidu.com/website/
百度UEditor： ueditor.baidu.com/website/
CKEditor：ckeditor.com/
KindEditor： kindeditor.net/demo.php
MediumEditor： yabwe.github.io/medium-edit…
Simditor：simditor.tower.im/
Summernote：summernote.org/
樹外掛
圖片懶載入
lazyload： github.com/tuupola/jqu…
瀑布流
Masonry： www.cnblogs.com/cjc917/p/74…
Metro風兼瀑布流佈局效果http://www.lanrenzhijia.com/jquery/1985.html