1吻贿、函數(shù)庫

• Lodash : https://github.com/lodash/lodash
• Underscore : https://underscorejs.net/
• Ramda ：https://ramda.cn/
• outils ：https://gitee.com/bigzhang111/outils
• 30-seconds-of-code ：https://github.com/Chalarangelo/30-seconds-of-code

2、動畫庫

2.1扮念、Animate.css

• CSS3 動畫庫，也是目前最通用的動畫庫合呐。
• https:/ldaneden.github.io/animate.css/

2.2料皇、Anime.js

• 一個強大的介返、輕量級的用來制作動畫的javascript庫。
• http://animejs.com/

2.3蒋伦、Hover.css

• CSS hover 懸停效果弓摘，可以應(yīng)用于鏈接、按鈕痕届、圖片等等韧献。
• https://github.com/lanLunn/Hover

2.4、WOW.iS

• 滾動展示動畫研叫。
• woWjs 依賴 animate.css锤窑，所以它支持animate.css 多達(dá)60 多種的動畫效果。
• https://github.com/matthieua/WOW

2.5嚷炉、scrollReveal.js

• 類似 wow.is渊啰。
• https://github.com/jlmakes/scrollreveal

2.6、Magic.css

• css3 animation動畫庫申屹。
• https://github.com/miniMAC/magic

2.7绘证、Waves

• 點擊波紋效果走搁。
• https://github.com/fians/Waves

2.8、move.is

• 一個小型的JavaScript庫迈窟，通過JS來控制私植。
• 一系列的CSS動畫順序執(zhí)行，使CSS3動畫變得非常簡單和優(yōu)雅车酣。
• https://github.com/visionmedia/move.is

2.9曲稼、Velocity.js

• 個功能齊全的JavaScript 動畫套件，包括諸如淡入淡出湖员、滾動贫悄、滾動、停止娘摔、結(jié)束窄坦、翻轉(zhuǎn)等動畫效果。
• httos://github.com/julianshapiro/velocity

3凳寺、滾動庫

3.1鸭津、iscroll

• 平滑滾動插件。
• https://github.com/cubigliscroll

3.2肠缨、BetterScroll

• https://github.com/ustbhuangyi/better-scroll
• iiscroll的優(yōu)化版逆趋，使移動端滑動體驗更加流暢。

3.3晒奕、mescroll

• 移動端上拉刷新下拉加載闻书。
• http://www.mescroll.com/api.html

3.4、animatescroll

• jQuery滾動到指定位置脑慧。
• https://plugins.compzets.com/animatescroll/

3.5魄眉、crossfade.js

• jQuery圖片模糊插件 crossfade.js。
• http://www.dowebok.com/104.html

3.6闷袒、jQuery Scrollbox

• 圖片文字滾動插件坑律。
• http://www.jg22.com/iguery-info1890

3.7、liMarquee

• jQuery 無縫滾動插件霜运。
• http://www.dowebok.com/188.html

4脾歇、輪播圖

4.1、Swiper

• 常用于移動端網(wǎng)站的內(nèi)容觸摸滑動淘捡。
• httos://www.swiper.com.cn/

4.2藕各、iSlider

• 移動端滑動組件。
• http://eux.baidu.com/iSlider/demo/index_chinese.html

4.3焦除、slip.js

• 移動端跟隨手指滑動組件激况，零依賴。
• https://github.com/binnng/slip.js

4.4、OwlCarousel2

• http://owlcarousel2.github.io/Ow|Carousel2/
• slick: http://www.jg22.com/iquery-info406
• myFocus:http://www.cosmissy.com/myfocus/tutorials.html
• WebSlides:https://github.com/webslides/webslides/
• jQuery 輪播插件slider: http://www.ia22.com/jquery-info889

5乌逐、滾屏

• fullpage:http://www.jg22.com/jquery-info1124
  彈出框
  layer:
  • http://layer.layui.com/
  • layui 獨立維護的三大組件之一(layDate, layer, layim)竭讳。
  • 盡管 layui中包含了這些組件，但因為它們受眾群體廣泛或應(yīng)用廣泛浙踢，特從layui中抽取出來個副本绢慢，可獨立引用。我們也會對它們進行同步維護洛波。
• Bootbox.js:http://bootboxjs.com/
  dialogBox:
  • 基于 jQuery胰舆。
  • http://www.jg22.com/jquery-info4822
• easyDialog:http://www.h-ui.net/easydialog-v2.0/index.html

6、消息通知

Notyf

• 簡單的響應(yīng)式純jis消息通知插件蹬挤。
• http://www.htmleaf.com/Query/Lightbox-Dialog/201609123990.html
  PNotify
• 頁面右上角的提示信息（非彈框提示）
• https://sciactive.com/pnotify/
• http://sciactive.github.io/pnotify/
• https://github.com/sciactive/pnotify
  overhang.js
• http://www.jg22.com/query-info9193
• overhangjs是一個JQuery插件顯示即時通知缚窿、 確認(rèn)或給定元素中的提示。
  下拉框
  select2： https://select2.org/

7焰扳、選擇器

ustbhuangyi/picker

• https://github.com/ustbhuangyi/picker
• 移動端最好用的的篩選器組件倦零、聯(lián)動篩選。
  jQueryDistpicker
• http://fengyuanchen.github.io/distpicker/
• http://www.jq22.com/demo/jQueryDistpicker20160621/
  顏色選擇器
  Bootstrap Colorpicker2: https://github.com/farbelous/bootstrap-colorpicker
  時間選擇器
  layDate: https://www.layui.com/laydate/
  wdatepicker

時間日期處理

Moment.js

• Moment.js 是一個解析吨悍，驗證扫茅，操作和顯示日期和時間的Javascript 類庫。
• http://momentjs.com
• https://github.com/moment/moment
  timeago.js
• 輕量級的時間轉(zhuǎn)換Javascript 庫畜份。
• https://github.com/hustcc/timeago.is

8诞帐、表單驗證

validator.js:https://github.com/chriso/validator.js
Query Validation

• jQuery 表單校驗欣尼。
• https://github.com/iquery-validation/jquery-validation
  Validation Plugin
• jQuery插件
• http://www.imooc.com/learn/385
  Validform
• 一行代碼搞定整站的表單驗證! - Jquery表單驗證插件爆雹。
• http://validform.rjboy.cn/

分頁插件

pagination: https://github.com/superRaytin/paginationis

9愕鼓、富文本編輯器

wangEditor: http://www.wangeditor.com/
百度 UEditor: https://ueditor.baidu.com/website/
CKEditor: https://ckeditor.com/
KindEditor:http://kindeditor.net/demo.php
MediumEditor: http://yabwe.github.io/medium-editor/
Simditor: http://simditor.tower.im/
Summernote: https://summernote.org/.
Quill: https://quilljs.com/
Slate: https://github.com/ianstormtaylor/slate

Markdown 編輯器

**Editor.md: **https://pandao.github.io/editor.md/

樹插件

http://www.treejs.cn

圖片懶加載

lazyload: https://github.com/tuupola/jquery_lazyload

瀑布流

Masonry: https://www.cnblogs.com/cjc917/p/7402026.html
Metro風(fēng)兼瀑布流布局效果 http://www.lanrenzhijia.com/iquerv/1985.html

10、相冊（圖片滑動切換展示效果）

PC端：Viewer.is: https://fengyuanchen.github.io/viewerjs/
PC端：photoviewer
移動端：Photo Swipe: https:llwww.helloweba.net/javascript/460.html

導(dǎo)航插件

okayNav:http://www.dowebok.com/204.html

視頻播放器

Chimee

• 組件化H5播放器框架
• http://chimee.org/
• https://juejin.cn/post/6844903509582675981
  flv.is
• Bilibili開源純 JavaScript編寫的FLV播放器
• Flash 視頻 (FLV)播放器
• https://github.com/Bilibili/fIv.is
• https://www.toutiao.com/a6478550535417889293

ckplayer: http://www.ckplayer.com/
player: http://www.jplayer.cn/
html5player: https://juejin.cn/post/6844903487910723592

11册倒、Video.js

• 開源磺送、免費的HTML5和Flash視頻播放器
• video.js - 開源、免費的HTML5和Flash視頻播放器

多青：https://dogeek.net/

彈幕視頻播放器

DanmuPlayer -Html5彈幕視頻播放器插件：https://github.com/chiruom/DanmuPlayer
jquery.danmu.js - jQuery彈幕插件：https://github.com/chiruom/iquery.danmu.is
scroxt - 字暮字體滾動插件：https://github.com/chenjianfang/scroxt

復(fù)制粘貼插件

clipboard.js: https://github.com/zenorocha/clipboard.js/
ZeroClipboard: https://github.com/zeroclipboard/zeroclipboard

條形碼插件

barcode

二維碼插件

jquery.qrcode.js:https://github.com/jeromeetienne/iquery-grcode

12崇呵、拖拽

Draggabilly:http://www.jg22.com/iquery-info293
dragula: https://www.toutiao.com/a6491847196890104334

手機端事件

touch.js

文件上傳

uploader
WebUploader:

• https://github.com/fex-team/webuploader/
• HTML5 & FLASH 文件上傳

代碼高亮

• highlight: https://highlightis.org/

前端國際化 i18n

i18next: https://github.com/118next/i18next
vue-i18n: https://github.com/kazupon/vue-i18n
前端系列--jquery.i18n.properties 前端國際化
解決方案“填坑日記”：http://www.cnblogs.com/landeanfen/p/7581609.html
基于jQuery.i18n.properties實現(xiàn)前端頁面的資源國際化：http://m.blog.csdn.net/aixiaoyang168/article/details/49336709

13馅袁、

百度地圖：http://bsyun.baidu.com/
谷歌地圖：http://www.runoob.com/googleapi/google-maps-api-kev.html
高德地圖：https://1bs.amap.com/
騰訊地圖：https:/1bs.ag.com/

網(wǎng)頁即時通訊

LayIM: http://layim.layui.com/
閑聊么：https://www.xianliao.mel

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

Charts: http://echarts.baidu.com/index.html
阿里云 DataV

PDF閱讀器

https://github.com/mozilla/pdf.js

主題色提取

RGBaster:https://github.com/briangonzalez/
rgbaster.is
Color Thief
vibrant.js

14纳胧、前端存儲

ustbhuangyi/storage:

• 封裝了 session Storage 和localStorage
• https://github.com/ustbhuangyi/storage
  store.js
• 本地存儲localstorage的封裝
• https://github.com/jaywcilove/store.js
  **localForage: **https://github.com/localForage/localForage

數(shù)據(jù) Mock

Easy Mock: https://github.com/easy-mock/easy-mock
Mockis:

• http://mockjs.com
• 生成任意隨機數(shù)據(jù)渐行，攔截 Ajax 請求

json-server + fakers:https://github.com/
typicode/json-server

15、其他

正瀏覽器版本過低提示插件 IEalertjs:
http://www.jqueryfuns.com/resource/455
lyric-parser - QQ音樂歌詞解析：
https://github.com/ustbhuangyi/lyric-parser
holder.is - 圖片占位符插件：
https://github.com/imsky/holder
jQuery 放大鏡插件 jqzoom.js:
http://www.jg22.com/jquery-info648
Zooming -JavaScript 圖片縮放庫：
http://www.dowebok.com/223.html
fastclick- 消除click 移動瀏覽器 300ms延遲：
https://github.com/ftlabs/fastclick
jsonp - 一個簡單的 JSONP實現(xiàn)：
https://github.com/webmodules/jsonp
js-base 64 - Base 64 編碼解碼：
https://github.com/dankogai/js-base64
新手引導(dǎo)：https://github.com/easelinc/tourist