浏览器渲染过程及重绘重排

浏览器渲染过程 HTML代码转化成DOM CSS代码转化成CSSOM（CSS Object Model） 结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息） 生成布局（layout），即将所有渲染树的所有节点进行平面合成 将布局绘制（paint）在屏幕上 详情可以思考下面两张图：   重排和重绘（重新布局、重新绘制） 修改DOM 修改样式表 用户事件（比如鼠标悬停、页面滚动、输入框键

>>阅读原文<<