Velocity.js动画库学习

1661.987.big.jpg.png

看velocity.js的内容有段时间了，源于图片这本书。前面看直观的感受是：这个库的操作很简单。要解决一个rn的动画问题，把这本书又拿出来看，刚好看到也有了velocity-react版，考虑是否以后可以用在react-native上，这样的话应用范围就大很多。
Velocity.js文档
velocity-react github地址；
velocity-react的内容；

1443477710321.png

初始化比较简单，网页中先导入jquery库，然后导入velocity.js库

  //最好是配合jquery来使用，可以使用jquery的链式操作。
  //jquery的函数操作在完成以后会有一句 return this,由此链式操作的
 //的后一个方法的对象和前一个方法的对象是相同的
   
   

这是官方的一个示例

ScreenFlow3.gif

下面是react组件的用法

$ npm install --save velocity-react
require('velocity-animate');
require('velocity-animate/velocity.ui');