前端开发

移动H5前端开发工具推荐：轻量级JS动画库Velocity.js

5705

其实，25学堂的小编一直喜欢收集一些非常酷炫的交互动效插件或者是工具。这些动画库可以非常简单容易的应用到我们的项目当中去，顿时提升项目的逼格。

之前25学堂分享了：

1、移动前端开发设计童鞋的福利神器：Lottie库

2、移动H5开发工具：10个在线预览CSS3动画工具

3、2017年最值得H5前端学习的60个JS插件(含DEMO演示)

最近，在各位学习h5前端开发的时候，不难免会用到一些css3的动画插件和动画实现代码。

今天，25学堂就来跟大家分享一款轻量级JS动画库——Velocity.js

官网号称：

Velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作，并和$.animate()有相同的 API，但它不依赖 jQuery，可单独使用。 Velocity 不仅包含了 $.animate() 的全部功能，还拥有：颜色动画、转换动画(transforms)、循环、缓动、SVG 动画、和滚动动画等特色功能。

它比 $.animate() 更快更流畅，性能甚至高于 CSS3 animation，是 jQuery 和 CSS3 transition 的最佳组合，它支持所有现代浏览器，最低可兼容到 IE8 和 Android 2.3。

Velocity 目前已被数以千计的公司使用在自己的项目中，包括 WhatsApp, Tumblr, Windows, Samsung, Uber 等。

如何使用呢？

Velocity