前言
在开发中,我们经常会将一些常用的代码块、功能块进行封装,为的是更好的复用。那么,被抽离出来独立完成功能,通过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
- CSS3 动画库,也是目前最通用的动画库。
- daneden.github.io/animate.css…
Anime.js:
- 一个强大的、轻量级的用来制作动画的javascript库
- animejs.com/
Hover.css:
- CSS hover 悬停效果,可以应用于链接、按钮、图片等等。
- github.com/IanLunn/Hov…
wow.js:
- 滚动展示动画
- WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果。
- github.com/matthieua/W…
scrollReveal.js:
- 类似 wow.js
- github.com/jlmakes/scr…
Magic.css:
- css3 animation动画库
- github.com/miniMAC/mag…
Waves:
- 点击波纹效果
- github.com/fians/Waves
move.js:
- 一个小型的JavaScript库,通过JS来控制一系列的CSS动画顺序执行,使CSS3动画变得非常简单和优雅。
- github.com/visionmedia…
Velocity.js:
- 一个功能齐全的 JavaScript 动画套件,包括诸如淡入淡出、滚动、滚动、停止、结束、翻转等动画效果。
- github.com/julianshapi…
滚动库
iscroll - 平滑滚动插件:github.com/cubiq/iscro…
BetterScroll:
- github.com/ustbhuangyi…
- iscroll 的优化版,使移动端滑动体验更加流畅
mescroll:
- 移动端上拉刷新下拉加载
- www.mescroll.com/api.html
animatescroll:
- jQuery滚动到指定位置
- plugins.compzets.com/animatescro…
crossfade.js:
- jQuery图片模糊插件crossfade.js
- www.dowebok.com/104.html
jQuery Scrollbox:
- 图片文字滚动插件
- www.jq22.com/jquery-info…