避开重排和重绘

在上图中,我们使用了 CSS 的 transform 来实现动画效果,这可以避开重排重绘阶段,直接在非主线程上执行合成动画操作。这样的效率是最高的,因为是在非主线程上合成,并没有占用主线程的资源,另外也避开了布局和绘制两个子阶段,所以相对于重绘和重排,合成能大大提升绘制效率。