在开发中,我们经常会将一些常用的代码块、功能块进行封装,为的是更好的复用。那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件。
下面这些是我在工作中积累的一些常用的前端开源插件,这里只是罗列出来,详细的用法各个插件官网或者Gayhub都有介绍。注意:往往一个解决方案会有多个插件,需要读者根据自己的实际业务需求进行甄别选用,欢迎留言交流和补充。^_^
可以先加个收藏(Ctrl + D),以后遇到类似的场景就来看看具体的插件及其用法。
另外,不要重复造轮子,把精力放在业务逻辑上!
Lodash(推荐):github.com/lodash/loda…
Underscore:underscorejs.org/
Ramda:github.com/ramda/ramda
outils:github.com/proYang/out…
30-seconds-of-code:github.com/Chalarangel…
Animate.css
Anime.js:
Hover.css:
wow.js:
scrollReveal.js:
Magic.css:
Waves:
move.js:
Velocity.js:
iscroll - 平滑滚动插件:github.com/cubiq/iscro…
BetterScroll:
animatescroll:
crossfade.js:
jQuery Scrollbox:
liMarquee:
Swiper:
iSlider:
slip.js:
OwlCarousel2:owlcarousel2.github.io/OwlCarousel…
slick:www.jq22.com/jquery-info…
myFocus:www.cosmissy.com/myfocus/tut…
WebSlides:github.com/webslides/w…
jQuery轮播插件slider:www.jq22.com/jquery-info…
fullpage:www.jq22.com/jquery-info…
layer:
Bootbox.js:bootboxjs.com/
dialogBox:
easyDialog:www.h-ui.net/easydialog-…
Notyf:
PNotify:
overhang.js:
select2:select2.org/
ustbhuangyi/picker
jQueryDistpicker:
Bootstrap Colorpicker 2:github.com/farbelous/b…
layDate:www.layui.com/laydate/
wdatepicker
Moment.js:
timeago.js:
validator.js:github.com/chriso/vali…
jQuery Validation
Validation Plugin:
Validform:
pagination:github.com/superRaytin…
wangEditor:www.wangeditor.com/
百度UEditor:ueditor.baidu.com/website/
CKEditor:ckeditor.com/
KindEditor:kindeditor.net/demo.php
MediumEditor:yabwe.github.io/medium-edit…
Simditor:simditor.tower.im/
Summernote:summernote.org/
Editor.md:pandao.github.io/editor.md/
www.treejs.cn
lazyload:github.com/tuupola/jqu…
Masonry:www.cnblogs.com/cjc917/p/74…
Metro风兼瀑布流布局效果http://www.lanrenzhijia.com/jquery/1985.html
PC端:photoviewer
移动端:PhotoSwipe:www.helloweba.net/javascript/…
okayNav:www.dowebok.com/204.html
Chimee
flv.js
ckplayer:www.ckplayer.com/
jplayer:www.jplayer.cn/
html5player:juejin.im/post/596f53…
Video.js
多青:dogeek.net/
DanmuPlayer - Html5弹幕视频播放器插件:github.com/chiruom/Dan…
jquery.danmu.js - jQuery弹幕插件:github.com/chiruom/jqu…
scroxt - 字幕字体滚动插件:github.com/chenjianfan…
clipboard.js:github.com/zenorocha/c…
ZeroClipboard:github.com/zeroclipboa…
barcode
jquery.qrcode.js:github.com/jeromeetien…
Draggabilly:www.jq22.com/jquery-info…
dragula:www.toutiao.com/a6491847196…
touch.js
uploader
WebUploader:
hightlight:highlightjs.org/
i18next:github.com/i18next/i18…
vue-i18n:github.com/kazupon/vue…
前端系列——jquery.i18n.properties前端国际化解决方案“填坑日记”:www.cnblogs.com/landeanfen/…
基于jQuery.i18n.properties 实现前端页面的资源国际化:m.blog.csdn.net/aixiaoyang1…
百度地图:lbsyun.baidu.com/
谷歌地图:www.runoob.com/googleapi/g…
高德地图:lbs.amap.com/
腾讯地图:lbs.qq.com/
LayIM:layim.layui.com/
闲聊么:www.xianliao.me/
ECharts :echarts.baidu.com/index.html
阿里云 DataV
github.com/mozilla/pdf…
RGBaster:github.com/briangonzal…
Color Thief
vibrant.js
ustbhuangyi/storage:
store.js
localForage:github.com/localForage…
Easy Mock:github.com/easy-mock/e…
Mockjs:
json-server + fakerjs:github.com/typicode/js…
bShare
JiaThis
QQ分享组件
百度分享
Gitalk
gitment
畅言
来必力
友言
网易云跟贴(关闭了!!!)
IE浏览器版本过低提示插件IEalert.js:www.jqueryfuns.com/resource/45…
lyric-parser - QQ音乐歌词解析:github.com/ustbhuangyi…
holder.js - 图片占位符插件:github.com/imsky/holde…
jQuery放大镜插件jqzoom.js:www.jq22.com/jquery-info…
Zooming – JavaScript图片缩放库:www.dowebok.com/223.html
fastclick - 消除 click 移动浏览器300ms延迟:github.com/ftlabs/fast…
jsonp - 一个简单的JSONP实现:github.com/webmodules/…
js-base64 - Base64 编码解码:github.com/dankogai/js…
新手引导:github.com/easelinc/to…
作者:白小明
链接:https://juejin.im/post/5ba7d5dd5188255c6140cc9d
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。