js常用插件汇总
插件本着熟练运用,提高开发效率的原则。需要熟悉插件的配置、属性、函数、事件等。如果有需求,对插件进行相应的改造。
js常用插件汇总:
基础插件库
jquery
jquery库是很多其他插件运行的基础
官网地址:http://jquery.com/,3.0以上版本不支持旧的ie浏览器
zepto
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。默认没有动画库,根据需要添加模块。
官网地址:http://zeptojs.com/
jquery.ui
jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。
Jquery UI功能丰富,所以也有些臃肿,建议打包到应用中使用。jQuery UI外观也并不优美,修改和代码提取都很困难,还是慎用。
表单和验证
jquery.form.js
表单提交,使用ajax提交表单,同时也能提交上传的文件。
jquery.validate.js
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。
动画
jquery.easing.js
jquery线性动画扩展
wow.js和animate.css
wow.js 是一款帮助你实现滚动页面时触发css动画效果的插件
jquery.fly.js
飞入动画插件
tween.js
强大的可生成平滑动画效果的js库
弹出层
layer.js
常用的弹出层插件。官方地址:http://layer.layui.com/
注:自己写了一套弹出层插件,风格和实现方式不一样。
toastr
基于Jquery的非阻塞的简单、漂亮的消息提示插件。核心简单,可以自定义和扩展。
内容滑动、相册、图片加载
swiper.js
是目前应用较广泛的移动端网页触摸内容滑动js插件。
photoswipe
强大的图片缩放和滑动查看插件。
详情查看:http://blog.vr-seesee.com/detail/87
官网地址:http://photoswipe.com/,GitHub网址:https://github.com/dimsemenov/PhotoSwip
jquery.lazyload.js
图片懒加载。
注:当使用ajax新加载图片的时候就不好使了,需要重复实例化。
针对这个问题我自己写了个lazyload插件:http://blog.vr-seesee.com/detail/85
dropload
滚动加载
GitHub地址:https://github.com/ximan/dropload
slimscroll
滚动条美化
imageframe
自己写的一个图片帧播放插件。
上传
webuploader
百度开发的Web上传组件。
注:自己写了一套上传插件,以后上传。
富文本编辑
ueditor
百度开发的富文本编辑器。官方地址:http://ueditor.baidu.com/website/
注:ueditor我个人定制版本已经运用了。复制组件还是flash的,等有空了改成h5的。
类似的有KindEditor、wangEditor等轻量级富文本编辑器。
KindEditor
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。
SyntaxHighlighter
能适应各种代码语音的代码高亮插件。
注:个人修改了一些bug,屏幕自适应,横向滚动条。目前复制还是用的flash实现,后期将改进。
prism
漂亮而且小巧的代码高亮插件。
editor.md
markdown编辑器
图表
echarts.js
百度开发的图表插件可以制作丰富的可视化图表
使用canvas技术,开源免费,推荐选择。
hightcharts
兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库。
使用的svg技术,是收费的。
peity
微型图表,是用于内联图形可视化数据的完美库。
sparkline
sparkline是一个开源的图表控件,可以生成很小也很好看的图。
WebGL、Canvas、全景
three.js
three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。官方地址:https://threejs.org/
three.js十分强大,社区有很多大神发布的功能模块,堪比Unity3D了。
fabric.js
非常好用的canvas绘图库。
krpano.js
全景制作引擎。官方地址:https://krpano.com/
注:krpano中还有大量的定制化插件,这个以后出个专题。
视频
ckplayer.js
视频播放插件。拥有各种可定制的皮肤和插件。
支持http协议下的flv,f4v,mp4,支持rtmp视频流和rtmp视频回放,支持m3u8格式,是你做视频直播,视频点播的理想播放器。
DPlayer.js
功能跟ckplayer.js差不多。
下拉导航、菜单
datetimepicker
日期选择插件
文档:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
distpicker.js
地区选择控件,多级联动选择
mobile-select-area.js
手机端多级联动选择控件
metisMenu
metisMenu是个jQuery+Bootstrap3风格的菜单插件,允许用户创建类似手风琴效果的可折叠菜单,允许自动折叠效果。
可以自定义样式,甚至可以做成树形菜单。
其他
jquery.dragsort.js
拖动排序插件
注:自己写的dragsort后期上传。
jquery.slimscroll.js
轻量级自定义滚动条插件。
pace.js
网页自动加载进度条插件。