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

前言

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

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

動畫庫

滾動庫

輪播圖

滾屏

彈出框

消息通知

下拉框

級聯選擇器

顏色選擇器

時間日期處理

表單驗證

分頁插件

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

富文本編輯器

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/ 樹插件 樹插件 http://www.treejs.cn/v3/main.php#_zTreeInfo

圖片懶加載

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

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