JS回流与重绘及优化策略
现代浏览器会对频繁的回流或重绘操作进行优化: 浏览器会维护一个队列,把所有引起回流和重绘的操作放入到队列中,如果队列中的任务数量或者时间间隔达到一个阈值,浏览器会将队列清空,进行一次批处理,这样可以把多次回流和重绘变成一次。对于每个可见的节点,找到CSSOM树中对应的规则,并应用它们。比如 color 或者 background 发生了变化,那就该给触发重绘的元素化化妆,化成它想要的样子。当Render Tree中部分或全部元素的尺寸,结构或者某些属性发生改变时,浏览器重新渲染部分或全部文档的过程。...
原创
2022-08-14 16:42:23 ·
258 阅读 ·
0 评论