119

图片描述

前言

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

上一篇《前端常用插件、工具类库汇总(上)》内容摘要:

  • 动画库
  • 滚动库
  • 轮播图
  • 滚屏
  • 弹出框
  • 消息通知
  • 下拉框
  • 级联选择器
  • 颜色选择器
  • 时间日期处理
  • 表单验证
  • 分页插件

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

富文本编辑器

wangEditor http://www.wangeditor.com/ 百度UEditor
https://ueditor.baidu.com/web... KindEditor
http://kindeditor.net/demo.php MediumEditor
http://yabwe.github.io/medium... Simditor
https://simditor.tower.im/ Summernote https://summernote.org/ Quill
https://quilljs.com/ Slate https://github.com/ianstormta...
Markdown

编辑器

Editor.md https://pandao.github.io/edit... 树插件 树插件
http://www.treejs.cn/v3/main....

图片懒加载

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

瀑布流

Masonry https://www.cnblogs.com/cjc91... Metro风兼瀑布流布局效果
http://www.lanrenzhijia.com/j...

相册

(图片滑动切换展示效果) Viewer.js https://fengyuanchen.github.i...

导航插件

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

视频播放器

Chimee:组件化H5播放器框架 http://chimee.org/
https://juejin.im/entry/5a02b... flv.js Bilibili 开源纯
JavaScript 编写的 FLV 播放器 Flash 视频(FLV)播放器 http://chimee.org/
https://juejin.im/entry/5a02b... jplayer
http://www.jplayer.cn/ html5player
https://juejin.im/post/596f53... Video.js:
开源、免费的HTML5和Flash视频播放器 https://dogeek.net/

弹幕播放器

DanmuPlayer - Html5弹幕播放器插件 https://github.com/chiruom/Da...
jquery.danmu.js - jQuery弹幕插件
https://github.com/chiruom/jq... scroxt - 字幕字体滚动插件
https://github.com/chenjianfa...

复制粘贴插件

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

二维码插件

jquery.qrcode.js https://github.com/jeromeetie...

拖拽

Draggabilly http://www.jq22.com/jquery-in... dragula
https://www.toutiao.com/a6491...

文件上传

uploader WebUploader: HTML5 & FLASH 文件上传
https://github.com/fex-team/w...

代码高亮

hightlightokayNav https://highlightjs.org/

前端国际化

i18n i18next https://github.com/i18next/i1... vue-i18n
https://github.com/kazupon/vu...
前端系列——jquery.i18n.properties前端国际化解决方案“填坑日记”:
http://www.cnblogs.com/landea...
基于jQuery.i18n.properties 实现前端页面的资源国际化
https://blog.csdn.net/aixiaoy...

地图

百度地图 http://lbsyun.baidu.com/ 谷歌地图
http://www.runoob.com/googlea... 高德地图
https://lbs.amap.com/ 腾讯地图 https://lbs.qq.com/

网页即时通讯

LayIM http://layim.layui.com/ 闲聊么 https://www.xianliao.me/

数据可视化

ECharts http://echarts.baidu.com/inde... 阿里云 DataV

PDF 阅读器

https://github.com/mozilla/pd...

主题色提取

RGBaster https://github.com/briangonza... Color Thief
vibrant.js

前端存储

ustbhuangyi/storage: 封装了sessionStorage和localStorage
https://github.com/ustbhuangy... store.js 本地存储localstorage的封装
https://github.com/jaywcjlove... localForage
https://github.com/localForag...

数据 Mock

Easy Mock https://github.com/easy-mock/... Mockjs 生成任意随机数据,拦截
Ajax 请求 http://mockjs.com/ json-server + fakerjs
https://github.com/typicode/j...

分享

bShare QQ分享组件 百度分享

评论

Gitalk gitment 畅言 来必力

其他

IE浏览器版本过低提示插件IEalert.js http://www.jqueryfuns.com/res...
lyric-parser - QQ音乐歌词解析 https://github.com/ustbhuangy...
holder.js - 图片占位符插件 https://github.com/imsky/holder
jQuery放大镜插件jqzoom.js http://www.jq22.com/jquery-in... Zooming –
JavaScript图片缩放库 http://www.dowebok.com/204.html

以上是作者在工作中积累的一些常用的前端开源插件,这里只是罗列出来。

往往一个解决方案会有多个插件,需要读者根据自己的实际业务需求进行甄别选用,欢迎在本文留言交流和补充。

订阅号ID:Miaovclass

关注妙味订阅号:“妙味前端”,为您带来优质前端技术干货;


healar
1.1k 声望250 粉丝