前端經常使用插件、工具類庫彙總（下）

前言

對本文感興趣能夠先加個收藏，也能夠轉發分享給身邊的小夥伴，之後遇到相似的場景就來看看具體的插件及其用法。

上一篇《前端經常使用插件、工具類庫彙總（上）》內容摘要：

• 動畫庫
• 滾動庫
• 輪播圖
• 滾屏
• 彈出框
• 消息通知
• 下拉框
• 級聯選擇器
• 顏色選擇器
• 時間日期處理
• 表單驗證
• 分頁插件

本篇延續上一篇的內容繼續給你們帶來一系列關於前端插件、工具類的內容。

富文本編輯器

wangEditor
http://www.wangeditor.com/
百度UEditor
https://ueditor.baidu.com/website/
KindEditor
http://kindeditor.net/demo.php
MediumEditor
http://yabwe.github.io/medium-editor/
Simditor
https://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/
複製代碼

樹插件

樹插件 www.treejs.cn/v3/main.php…

圖片懶加載

lazyload
https://github.com/tuupola/jquery_lazyload
複製代碼

瀑布流

Masonry
https://www.cnblogs.com/cjc917/p/7402026.html
Metro風兼瀑布流佈局效果
http://www.lanrenzhijia.com/jquery/1985.html
複製代碼

相冊

（圖片滑動切換展現效果）
Viewer.js
https://fengyuanchen.github.io/viewerjs/
複製代碼

導航插件

okayNav
http://www.dowebok.com/204.html
複製代碼

視頻播放器

Chimee：組件化H5播放器框架
http://chimee.org/
https://juejin.im/entry/5a02b480f265da43144020b1
flv.js
Bilibili 開源純 JavaScript 編寫的 FLV 播放器
Flash 視頻（FLV）播放器
http://chimee.org/
https://juejin.im/entry/5a02b480f265da43144020b1
jplayer
http://www.jplayer.cn/
html5player
https://juejin.im/post/596f536d51882526337caf15
Video.js：
開源、免費的HTML5和Flash視頻播放器
https://dogeek.net/
複製代碼

彈幕播放器

DanmuPlayer - Html5彈幕播放器插件
https://github.com/chiruom/DanmuPlayer
jquery.danmu.js - jQuery彈幕插件
https://github.com/chiruom/jquery.danmu.js
scroxt - 字幕字體滾動插件
https://github.com/chenjianfang/scroxt
複製代碼

複製粘貼插件

clipboard.js
https://github.com/zenorocha/clipboard.js/
ZeroClipboard
https://github.com/zeroclipboard/zeroclipboard
複製代碼

二維碼插件

jquery.qrcode.js
https://github.com/jeromeetienne/jquery-qrcode
複製代碼

拖拽

Draggabilly
http://www.jq22.com/jquery-info293
dragula
https://www.toutiao.com/a6491847196890104334
複製代碼

文件上傳

uploader
WebUploader：
HTML5 & FLASH 文件上傳
https://github.com/fex-team/webuploader/
複製代碼

代碼高亮

hightlightokayNav
https://highlightjs.org/
複製代碼

前端國際化

i18n
i18next
https://github.com/i18next/i18next
vue-i18n
https://github.com/kazupon/vue-i18n
前端系列——jquery.i18n.properties前端國際化解決方案「填坑日記」：
http://www.cnblogs.com/landeanfen/p/7581609.html
基於jQuery.i18n.properties 實現前端頁面的資源國際化
https://blog.csdn.net/aixiaoyang168/article/details/49336709
複製代碼

地圖

百度地圖
http://lbsyun.baidu.com/
谷歌地圖
http://www.runoob.com/googleapi/google-maps-api-key.html
高德地圖
https://lbs.amap.com/
騰訊地圖
https://lbs.qq.com/
複製代碼

網頁即時通信

LayIM
http://layim.layui.com/
閒聊麼
https://www.xianliao.me/
複製代碼

數據可視化

ECharts 
http://echarts.baidu.com/index.html
阿里雲 DataV
複製代碼

PDF 閱讀器

https://github.com/mozilla/pdf.js
複製代碼

主題色提取

RGBaster
https://github.com/briangonzalez/rgbaster.js
Color Thief
vibrant.js
複製代碼

前端存儲

ustbhuangyi/storage：
封裝了sessionStorage和localStorage
https://github.com/ustbhuangyi/storage
store.js
本地存儲localstorage的封裝
https://github.com/jaywcjlove/store.js
localForage
https://github.com/localForage/localForage
複製代碼

數據 Mock

Easy Mock
https://github.com/easy-mock/easy-mock
Mockjs
生成任意隨機數據，攔截 Ajax 請求
http://mockjs.com/
json-server + fakerjs
https://github.com/typicode/json-server
複製代碼

分享

bShare
QQ分享組件
百度分享
複製代碼

評論

Gitalk
gitment
暢言
來必力
複製代碼

其餘

IE瀏覽器版本太低提示插件IEalert.js
http://www.jqueryfuns.com/resource/455
lyric-parser - QQ音樂歌詞解析
https://github.com/ustbhuangyi/lyric-parser
holder.js - 圖片佔位符插件
https://github.com/imsky/holder
jQuery放大鏡插件jqzoom.js
http://www.jq22.com/jquery-info648
Zooming – JavaScript圖片縮放庫
http://www.dowebok.com/204.html
複製代碼

以上是做者在工做中積累的一些經常使用的前端開源插件，這裏只是羅列出來。

每每一個解決方案會有多個插件，須要讀者根據本身的實際業務需求進行甄別選用，歡迎在本文留言交流和補充。

訂閱號ID：Miaovclass

關注妙味訂閱號：「妙味前端」，爲您帶來優質前端技術乾貨；