其實(shí)，25學(xué)堂的小編一直喜歡收集一些非?？犰诺慕换?dòng)效插件或者是工具。這些動(dòng)畫(huà)庫(kù)可以非常簡(jiǎn)單容易的應(yīng)用到我們的項(xiàng)目當(dāng)中去，頓時(shí)提升項(xiàng)目的逼格。

之前25學(xué)堂分享了：

1、移動(dòng)前端開(kāi)發(fā)設(shè)計(jì)童鞋的福利神器：Lottie庫(kù)

2、移動(dòng)H5開(kāi)發(fā)工具：10個(gè)在線預(yù)覽CSS3動(dòng)畫(huà)工具

3、2017年最值得H5前端學(xué)習(xí)的60個(gè)JS插件(含DEMO演示)

最近，在各位學(xué)習(xí)h5前端開(kāi)發(fā)的時(shí)候，不難免會(huì)用到一些css3的動(dòng)畫(huà)插件和動(dòng)畫(huà)實(shí)現(xiàn)代碼。

今天，25學(xué)堂就來(lái)跟大家分享一款輕量級(jí)JS動(dòng)畫(huà)庫(kù)——Velocity.js

官網(wǎng)號(hào)稱(chēng)：

Velocity 是一個(gè)簡(jiǎn)單易用、高性能、功能豐富的輕量級(jí)JS動(dòng)畫(huà)庫(kù)。它能和 jQuery 完美協(xié)作，并和$.animate()有相同的 API， 但它不依賴(lài) jQuery，可單獨(dú)使用。 Velocity 不僅包含了 $.animate() 的全部功能， 還擁有：顏色動(dòng)畫(huà)、轉(zhuǎn)換動(dòng)畫(huà)(transforms)、循環(huán)、?緩動(dòng)、SVG 動(dòng)畫(huà)、和?滾動(dòng)動(dòng)畫(huà)?等特色功能。

它比 $.animate() 更快更流暢，性能甚至高于 CSS3 animation， 是 jQuery 和 CSS3 transition 的最佳組合，它支持所有現(xiàn)代瀏覽器，最低可兼容到 IE8 和 Android 2.3。

Velocity 目前已被數(shù)以千計(jì)的公司使用在自己的項(xiàng)目中，包括 WhatsApp, Tumblr, Windows, Samsung, Uber 等。

如何使用呢？

下面整理了些學(xué)習(xí)資源分享給大家：

英文手冊(cè)：http://velocityjs.org/

中文手冊(cè)（教程）：http://www.mrfront.com/docs/velocity.js/

算是一款非常不錯(cuò)的移動(dòng)H5前端開(kāi)發(fā)動(dòng)畫(huà)插件。高性能的js動(dòng)畫(huà)庫(kù)?；c(diǎn)時(shí)間去體驗(yàn)一把，又增加了你的職業(yè)背書(shū)。

趁大牛們還沒(méi)努力學(xué)會(huì)這個(gè)輕量級(jí)JS動(dòng)畫(huà)庫(kù)Velocity.js的時(shí)候，就是你炫耀的時(shí)候到了，加油吧 騷年