前端性能优化(Css动画篇) | ZJL | BLOG

[zhangjialegh]

https://bestzjl.vicp.io/blog/2017/07/31/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%EF%BC%88css%E5%8A%A8%E7%94%BB%E7%AF%87%EF%BC%89/#more

原理现代浏览器在使用CSS3动画时，以下四种情形绘制的效率较高，分别是： 改变位置 改变大小 旋转 改变透明度 层？重绘？回流和重布局？图层重组？首先要了解CSS的图层的概念（Chrome浏览器） 浏览器在渲染一个页面时，会将页面分为很多个图层，图层有大有小，每个图层上有一个或多个节点。在渲染DOM的时候，浏览器所做的工作实际上是： 获取DOM后分割为多个图层 对每个图层的节点计算样式结果