css动画跟js动画

Question

在什么情况下js动画的性能会优于css动画

Answer 1

TooooBug 2018-03-12 13:31:22

这个问题挺复杂的……

首先要说，CSS动画的性能是“不低”的，也就是你基本上不用想啥，直接用CSS3写动画，性能一般还过得去。而且在同样的动画效果和同样的实现方式下，用JS改写很可能得不到更好的性能（不论是Web Animations API还是自己用requestAnimationFrame或者定时器实现）。

那什么时候JS的性能会优于CSS呢？大概两种情况：

1. 实现思路上有变化，比如CSS只能用于DOM动画，但是JS可以渲染到canvas，甚至可以利用webGL的能力

2. 【有可能】大量动画的时候，也许可以共用计算过程，可以实现动画帧同步，而CSS动画有可能这种情况下没有办法得到很好的优化

Answer 2

慕粉3827740 2018-03-11 23:21:31

原则上说 对于浏览器的渲染问题 只要有过多的操作dom 使浏览器重绘就会对性能影响很大 所以说

js+canvas(html5)+水平>css3>js+dom