前端优秀插件推荐
这里集中了一些我在项目中或平常看到听到的好的插件,话不多说,直接干货:
插件名称 | 描述 | 地址 | 备注 | 依赖 |
---|---|---|---|---|
turn.js | 能够将HTML内容组织成看起来像一本真正的书籍或杂志,用到HTML5的所有优点 | Github | 官网 | 可以工作在旧浏览器中比如:IE 8 | |
Tdrag | 拖拽的插件,可以拖拽任意元素 | Github | Demo | jQuery | |
tagsinput | 动态标签生成,并添加了删除按钮和其他好看的样式 | Github | 官网 | Demo | jQuery | |
slimScroll | 支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动。 | Github | Demo | 不过不支持resize的时候重新调用插件,有一个贡献者已经修改过源码,不过作者并没有加进去。插件项目地址:插件地址(插件不支持IE7) | jQuery |
scratchit.js | 一款基于HTML5 canvas的jQuery刮刮卡效果插件。这个刮刮卡效果使用两张图片和canvas来制作,可以使用鼠标擦除上面的图片,将下面的图片显露出来,模拟现实的刮刮卡效果 | Demo | 可以用来做手机游戏刮刮卡,亲测可用 | jQuery |
myFocus | 可以实现图片轮播,风格多种多样 | 官网 | Demo | 没有 Github 地址,因为人家是用 SVN 的 | |
move.js | 模拟CSS3动画的js插件。该插件可以完成CSS3的各种动画效果:移动、变形、倾斜、背景色渐变、旋转等。并且可以在动画中使用各种easing效果 | Github | Demo | jQuery | |
mCustomScrollbar | 滚动条样式插件,可以自由的定制自己喜欢的滚动条 | Github | 官网 | Demo | 兼容IE6和IE7等的浏览器 | |
Lightbox | 实现图片浏览效果,具有的功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方式播放,内容预加载,渐变等效果 | Github | 官网 | Demo | 有基于 jQuery 的,有基于 Prototype 的,也有使用原生 JavaScript 写的 | |
html2canvas | 将html的内容以canvas形式生成图片,亲测好用 | Github | 官网 | Demo | ||
gridly | 一个 jQuery 插件,它能够拖动,删除和调整一个网格的大小,亲测好用 | Github | 官网 | Demo | jQuery | |
FullPage | 可以做出全屏网站 | Github | Demo | 兼容桌面端(ie5.5+) 和手机端 | |
fine-uploader | 采用 ajax 方式实现文件上传,同时在浏览器中直接支持文件拖拽 | Github | 官网 | Demo | 对浏览器版本有要求类似 IE 版本必须是 9 或是更高的 IE10 | |
csshake-master | CSS3 元素抖动动画库 | Github | 官网 | Demo | ||
ajaxfileupload | 一个异步上传文件的 jQuery 插件 | Github | jQuery | |
animate.css | 齐全的 CSS3 动画库 | Github | Demo | ||
css3d-engine | CSS3d 动画,主要是在 transform 上做文章 | Github | 官网 | Demo | 可以用来做720度或320度全景,亲测可用 | |
hammer.js | 可以完美的实现在移端开发用到的大多数事件,如:点击、滑动、拖动、多点触控等事件 | Github | 官网 | Demo | ||
iscroll.js | 移动端广泛应用的插件之一,用于让元素在固定高度盒子内滚动 | Github | 官网 | Demo | 版本 4 还包括缩放、拉动刷新、精确捕捉元素、自定义滚动条等功能 | jQuery |
touchSwipe.js | 和 hammer.js 类似,同样是移动端触屏触摸特效插件 | Github | 官网 | Demo | 有一个 bug:手指事件会在 a 标签超链接内失效 | jQuery |
jquery.validate | 表单验证插件,非常方便实用 | Github | 官网 | Demo | jQuery | |
jstween | 将某一个元素粒子化 | Github | Demo | 具体应用还未尝试,但是该插件的作者有许多优秀的项目,可以 follow 一下 | |
DlHighlight | 代码高亮脚本,只支持 4 种编程语言:JS、CSS、XML、HTML | Github | 官网 | Demo | jQuery |
赏
支付宝打赏 微信打赏
听说赞过就能年薪百万