前言

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

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

“

• 動畫庫

• 滾動庫

• 輪播圖

• 滾屏

• 彈出框

• 消息通知

• 下拉框

• 級聯選擇器

• 顏色選擇器

• 時間日期處理

• 表單驗證

• 分頁插件

”

>>前端常用插件、工具類庫匯總（上）

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

富文本編輯器

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

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

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

往期文章推薦：

• 前端常用插件、工具類庫匯總（上）

• JavaScript的組成 | 核心-ECMAScript

• JavaScript和它父親的故事

• 前端特效【第03期】| 果汁混合效果-上

• 究竟 javascript 錯誤處理有哪些類型？

• “雙 11 來了” 免費領取特效源碼大禮包！！

訂閱號ID：Miaovclass

關註妙味訂閱號：“妙味前端”，為您帶來優質前端技術幹貨；

前端常用插件、工具類庫匯總（下）