摘要： 浏览器运行机制 1、构建DOM树（parse）:渲染引擎解析HTML文档，首先将标签转换成DOM树中的DOM节点，生成内容树。 2、构建渲染树：解析对应的csss样式文件信息（包括js生成的样式和外部css文件），而这些文件信息构建渲染树。 3、布局渲染树：从根节点递归调用，计算每个元素的大小、位置 阅读全文

摘要： 重排和重绘 每个页面至少在初始化的时候会有一次重排操作，任何对渲染树的修改，都可能引发重排或者重绘。 重排： 当渲染树中一部分，因为元素的规模尺寸，布局，隐藏等改变而需要重新构建，这就称为回流，每个页面至少需要一次回流，就是在页面第一次加载的时候。 重绘（repaint）: 当盒子的位置、大小以及其 阅读全文

摘要： 1、浏览器解析HTML源码，然后创建一个DOM树。 在DOM树中，每一个HTML标签都有一个对应的节点，而且每一个文本也都有一个对应的文本节点。DOM树的根节点就是documentElement，对应的是html标签。 2、浏览器解析CSS代码，计算出最终的样式数据。 3、构造出DOM树，计算出样式 阅读全文