oldtwoluo的博客

原创 回流重绘

回流与重绘一、浏览器的渲染过程二、回流三、重绘四、何时发生回流重绘五、浏览器优化机制六、如何减少回流和重绘最小化重绘和重排批量修改DOM使用文档碎片(documentFragment)在当前DOM之外构建一个子树，再把它拷贝会文档中。避免触发同步布局事件对于复杂动画效果，使用绝对定位让其脱离文档流 一、浏览器的渲染过程 浏览器在渲染的时候，会解析html生成DOM树，解析css生成CSSOM树，然后两个树合并生成渲染树 生成渲染树浏览器完成了那些工作？ 从DOM数的根节点开始遍历可见的节点 对于可见的节