RAnimation:React的动画库

时间:2024-06-06 00:14:10
【文件属性】:

文件名称:RAnimation:React的动画库

文件大小:636KB

文件格式:ZIP

更新时间:2024-06-06 00:14:10

JavaScript

动画 为React制作的动画库。 演示版 / / 查看所有! 安装 npm install r-animation --save 动机 在尝试将当前本机的Android和iPhone应用程序重新创建为混合应用程序(使用React)时,我发现一切进展都令人难以接受。 React的diffing算法对于许多“正常”事物来说可能足够快,但是对于制作动画(尤其是在移动设备上)来说绝对太慢了。 困扰我的另一件事是,突然间我不得不将不真正属于该状态的东西放到我的状态中,因为它们并没有真正描述应用程序的状态,而只是描述了动画所需的一些中间状态。 这意味着我不再容易序列化应用程序状态,因为它被不必要的状态描述所困扰 特征 性能:动画需要看起来平滑,这在移动设备上尤其难以实现。 为了使动画尽可能平滑,将所有动画卸载到单个requestAnimationFrame中。 即使在基于用户输入进行动画处理


【文件预览】:
RAnimation-master
----SimpleDemo.html(741B)
----package.json(834B)
----DemoExample.html(742B)
----SimpleUserInput.html(746B)
----LICENSE(1KB)
----Gruntfile.js(209B)
----src()
--------index.js(179B)
--------animation()
----examples()
--------DemoExample.js(719KB)
--------SimpleUserInput.js(717KB)
--------UserInput.jsx(4KB)
--------UserInput.js(719KB)
--------SimpleDemo.js(716KB)
--------DemoExample.jsx(4KB)
--------SimpleDemo.jsx(2KB)
--------SimpleUserInput.jsx(3KB)
----.gitignore(140B)
----README.md(7KB)
----.jshintrc(391B)
----UserInput.html(740B)
----grunt()
--------webpack.js(864B)

网友评论