前端经常使用插件、工具类库汇总（下）

前言

对本文感兴趣能够先加个收藏，也能够转发分享给身边的小伙伴，之后遇到相似的场景就来看看具体的插件及其用法。

上一篇《前端经常使用插件、工具类库汇总（上）》内容摘要：

动画库

滚动库

轮播图

滚屏

弹出框

消息通知

下拉框

级联选择器

颜色选择器

时间日期处理

表单验证

分页插件

本篇延续上一篇的内容继续给你们带来一系列关于前端插件、工具类的内容。

富文本编辑器

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

关注妙味订阅号：“妙味前端”，为您带来优质前端技术干货；