Appearance
常用轮子集合
函数库
- Lodash(推荐):https://github.com/lodash/lodash
- Underscore:underscorejs.org/
- Ramda:github.com/ramda/ramda
- outils:https://github.com/proYang/outils
- 30-seconds-of-code:https://github.com/30-seconds/30-seconds-of-code
动画库
- Animate.css
- CSS3 动画库,也是目前最通用的动画库。
- https://daneden.github.io/animate.css/
- Anime.js:
- 一个强大的、轻量级的用来制作动画的javascript库
- animejs.com/
- Hover.css:
- CSS hover 悬停效果,可以应用于链接、按钮、图片等等。
- https://github.com/IanLunn/Hover
- wow.js:
- 滚动展示动画
- WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果。
- https://github.com/matthieua/WOW
- scrollReveal.js:
- Magic.css:
- css3 animation动画库
- https://github.com/miniMAC/magic
- Waves:
- 点击波纹效果
- github.com/fians/Waves
- move.js:
- 一个小型的JavaScript库,通过JS来控制一系列的CSS动画顺序执行,使CSS3动画变得非常简单和优雅。
- https://github.com/visionmedia/move.js
- Velocity.js:
- 一个功能齐全的 JavaScript 动画套件,包括诸如淡入淡出、滚动、滚动、停止、结束、翻转等动画效果。
- https://github.com/julianshapiro/velocity
滚动库
- iscroll - 平滑滚动插件:https://github.com/cubiq/iscroll
- BetterScroll:
- https://github.com/ustbhuangyi/better-scroll
- iscroll 的优化版,使移动端滑动体验更加流畅
- mescroll:
- 移动端上拉刷新下拉加载
- http://www.mescroll.com/api.html
- animatescroll:
- jQuery滚动到指定位置
- https://plugins.compzets.com/animatescroll/
- crossfade.js:
- jQuery图片模糊插件crossfade.js
- www.dowebok.com/104.html
- jQuery Scrollbox:
- liMarquee:
- jQuery无缝滚动插件
- www.dowebok.com/188.html
轮播图
- Swiper:
- 常用于移动端网站的内容触摸滑动
- www.swiper.com.cn/
- slip.js:
- 移动端跟随手指滑动组件,零依赖。
- https://github.com/binnng/slip.js
滚屏
fullpage:https://www.jq22.com/jquery-info1124