强大的JS动画入门:Velocity.js

一、为什么要学习Velocity.js?

1、css3不兼容ie8,Jquery.annimate()是为PC端设计的。

2、Animate.css样式单一,动画库数量有限,不能自定义动画。

所以,学习Velocity.js插件的好处有三:

①兼容ie8和android2.3!

②兼容PC端和移动端!

③可以自定义动画,丰富自己的动画库存!

二、Velocity.js基本入门

①所需加载文件

②实现Velocity动画的两种方法

强大的JS动画入门:Velocity.js_第1张图片
适合为单个目标定义复杂动画
强大的JS动画入门:Velocity.js_第2张图片
适合为多个目标定义动画效果

③自定义动画和预定义动画

强大的JS动画入门:Velocity.js_第3张图片

三、HTML+CSS

四、参考网站

Velocity官方文档:velocityjs.org

慕课网教学视频:www.imooc.com/learn/471

五、学习建议

慕课网视频仅限入门,包括我总结的前辈的教学视频中的一些方法,也只是入门。想要去探索Velocity.js更加宽广的舞台,必须去看官方文档,必须去关注Velocity的Github,保证能够及时掌握最新的技术。

努力成为优秀的前端工程师!

>期待和大家交流,共同进步,欢迎大家加入我创建的与前端开发密切相关的技术讨论小组:

> - SegmentFault技术圈:[ES新规范语法糖](https://segmentfault.com/g/1570000010695363)

> - SegmentFault专栏:[趁你还年轻,做个优秀的前端工程师](https://segmentfault.com/blog/chennihainianqing)

>- 知乎专栏:[趁你还年轻,做个优秀的前端工程师](https://zhuanlan.zhihu.com/wyasy)

>- Github博客: [趁你还年轻233的个人博客](https://github.com/FrankKai/FrankKai.github.io)

>- 前端开发QQ群:660634678

>- 微信公众号: 人兽鬼 / excellent_developers

![](https://upload-images.jianshu.io/upload_images/2976869-157e8624bcdfd62a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

>努力成为优秀前端工程师!

你可能感兴趣的:(强大的JS动画入门:Velocity.js)