浏览器渲染过程:
1.构建HTML树
2.构建CSS树
3.合并成一棵渲染树
4.进行layout布局(文档流、盒模型、计算大小和位置)
5.paint绘制(颜色,阴影)
6.composite合成(根据层叠关系展示画面)
JS更新样式的三种方法
- JS/CSS >>样式>>布局>>绘制>>合成 (REMOVE)
- JS/CSS >>样式>>绘制>>合成 (background)
- JS/CSS >>样式>>合成 (transform) CSS 渲染过程依次包含布局、绘制、合成 ,其中布局和绘制有可能被省略