摘要:
关于浏览器中DOM操作的性能优化,在上一篇博文《浏览器中DOM操作的性能优化(一)》中已经阐述了访问和修改DOM元素对性能的影响及优化方案。这次我们就来说一下关于页面的重绘和重排版问题。 当浏览器下载完所有的HTML标签和其组件(Javascript,css,图片等)后,浏览器就会解析文件并创建两个内部数据结构: 1、DOM Tree :表示页面的结构 2、Render Tree :表示DOM树如何显示 在渲染树仲,每个DOM节点(隐藏的节点除外)都有至少一个相对应的节点。渲染树的节点被称为“盒”,符合CSS定义的盒子模型——一个具有填充(padding)、边框(border)、边... 阅读全文