浏览器是如何逐步完成渲染过程的？

本文共计695个文字，预计阅读时间需要3分钟。

1. 用户请求到浏览器渲染的过程大致如下： 1. 用户输入域名 2. DNS解析成IP地址 3. 浏览器根据IP地址请求服务器 4. 服务器响应HTTP请求并返回内容 5. 浏览器开始渲染内容

一、从用户请求到浏览器渲染的过程大致如下

1.用户输入域名，然后DNS解析成IP地址

2.浏览器根据IP地址请求服务器

3.服务器响应http请求，并返回给浏览器

4.浏览开始渲染：

　　。根据html，生成DOM TREE

　　。根据css，生成CSS TREE

　　。将DOM TREE和CSS TREE结合生成Render Tree

　　。根据Render Tree渲染页面

　　。遇到<script>则暂停渲染，优先执行js，然后再继续渲染（因为js执行和渲染引擎公用一个进程，原因是js可能做了一些dom操作，一般会把js放到页面的底部）

　　。直至把Render Tree渲染页面

二、reflow和repaint

reflow回流：

当某个部分发生了变化影响了布局，需要倒回去重新渲染， 该过程称为reflow（回流）。reflow 几乎是无法避免的。