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

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

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

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

所以，学习Velocity.js插件的好处有三：

①兼容ie8和android2.3！

②兼容PC端和移动端！

③可以自定义动画，丰富自己的动画库存！

二、Velocity.js基本入门

①所需加载文件

②实现Velocity动画的两种方法

适合为单个目标定义复杂动画 适合为多个目标定义动画效果

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

三、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


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