前端常用插件、工具类库汇总(下)

49次阅读

共计 2901 个字符,预计需要花费 8 分钟才能阅读完成。

前言
对本文感兴趣可以先加个收藏,也可以转发分享给身边的小伙伴,以后遇到类似的场景就来看看具体的插件及其用法。
上一篇《前端常用插件、工具类库汇总(上)》内容摘要:
动画库 滚动库 轮播图 滚屏 弹出框 消息通知 下拉框 级联选择器 颜色选择器 时间日期处理 表单验证 分页插件
本篇延续上一篇的内容继续给大家带来一系列关于前端插件、工具类的内容。
富文本编辑器
wangEditor http://www.wangeditor.com/ 百度 UEditorhttps://ueditor.baidu.com/web… KindEditorhttp://kindeditor.net/demo.php MediumEditorhttp://yabwe.github.io/medium… Simditorhttps://simditor.tower.im/ Summernote https://summernote.org/ Quillhttps://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… jplayerhttp://www.jplayer.cn/ html5playerhttps://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/… ZeroClipboardhttps://github.com/zeroclipbo…

二维码插件
jquery.qrcode.js https://github.com/jeromeetie…

拖拽
Draggabilly http://www.jq22.com/jquery-in… dragulahttps://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-i18nhttps://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 Thiefvibrant.js
前端存储
ustbhuangyi/storage:封装了 sessionStorage 和 localStoragehttps://github.com/ustbhuangy… store.js 本地存储 localstorage 的封装 https://github.com/jaywcjlove… localForagehttps://github.com/localForag…

数据 Mock
Easy Mock https://github.com/easy-mock/… Mockjs 生成任意随机数据,拦截 Ajax 请求 http://mockjs.com/ json-server + fakerjshttps://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/holderjQuery 放大镜插件 jqzoom.js http://www.jq22.com/jquery-in… Zooming –JavaScript 图片缩放库 http://www.dowebok.com/204.html

以上是作者在工作中积累的一些常用的前端开源插件,这里只是罗列出来。
往往一个解决方案会有多个插件,需要读者根据自己的实际业务需求进行甄别选用,欢迎在本文留言交流和补充。
订阅号 ID:Miaovclass
关注妙味订阅号:“妙味前端”,为您带来优质前端技术干货;

正文完
 0

前端常用插件、工具类库汇总(下)

49次阅读

共计 2901 个字符,预计需要花费 8 分钟才能阅读完成。

前言
对本文感兴趣可以先加个收藏,也可以转发分享给身边的小伙伴,以后遇到类似的场景就来看看具体的插件及其用法。
上一篇《前端常用插件、工具类库汇总(上)》内容摘要:
动画库 滚动库 轮播图 滚屏 弹出框 消息通知 下拉框 级联选择器 颜色选择器 时间日期处理 表单验证 分页插件
本篇延续上一篇的内容继续给大家带来一系列关于前端插件、工具类的内容。
富文本编辑器
wangEditor http://www.wangeditor.com/ 百度 UEditorhttps://ueditor.baidu.com/web… KindEditorhttp://kindeditor.net/demo.php MediumEditorhttp://yabwe.github.io/medium… Simditorhttps://simditor.tower.im/ Summernote https://summernote.org/ Quillhttps://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… jplayerhttp://www.jplayer.cn/ html5playerhttps://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/… ZeroClipboardhttps://github.com/zeroclipbo…

二维码插件
jquery.qrcode.js https://github.com/jeromeetie…

拖拽
Draggabilly http://www.jq22.com/jquery-in… dragulahttps://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-i18nhttps://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 Thiefvibrant.js
前端存储
ustbhuangyi/storage:封装了 sessionStorage 和 localStoragehttps://github.com/ustbhuangy… store.js 本地存储 localstorage 的封装 https://github.com/jaywcjlove… localForagehttps://github.com/localForag…

数据 Mock
Easy Mock https://github.com/easy-mock/… Mockjs 生成任意随机数据,拦截 Ajax 请求 http://mockjs.com/ json-server + fakerjshttps://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/holderjQuery 放大镜插件 jqzoom.js http://www.jq22.com/jquery-in… Zooming –JavaScript 图片缩放库 http://www.dowebok.com/204.html

以上是作者在工作中积累的一些常用的前端开源插件,这里只是罗列出来。
往往一个解决方案会有多个插件,需要读者根据自己的实际业务需求进行甄别选用,欢迎在本文留言交流和补充。
订阅号 ID:Miaovclass
关注妙味订阅号:“妙味前端”,为您带来优质前端技术干货;

正文完
 0