react icon indicating copy to clipboard operation
react copied to clipboard

创建React动画有哪些方式?

Open careteenL opened this issue 6 years ago • 0 comments

创建React动画有以下几种:

  • 1.基于定时器或requestAnimationFrame的间隔动画;使用定时器可能会有掉帧问题,而使用requestAnimationFrame则性能较好,完全使用js,不依赖css,帧数跟屏幕刷新率一致,页面运行到后台会自动暂停提高性能。
  • 2.基于css3中的animation和transition简单动画;有较高的性能,代码量少,但是只能依赖于css效果,对于复杂动画比较难实现跟控制。
  • 3.React动画插件CssTransitionGroup;性能比较好,但限定于入场跟出场场景。
  • 4.其他第三方动画库。

careteenL avatar Apr 17 '20 03:04 careteenL