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