输入URL到呈现网页，中间发生过程

1. DNS域名解析

浏览器DNS缓存 ->操作系统DNS缓存 ->hosts缓存 ->域名服务器

2. 三次握手建立TCP连接

客户端：ACK=0,SYN=1
服务器：ACK=1,SYN=1
客户端：ACK=1

3. 向服务器发起Http请求

• 查询字符串，get请求在URL中，post在http消息主体中
• get请求可被浏览器缓存，post不会
• get请求可以被保存在浏览器的历史记录中，post不可
• get请求可被收藏，post不可
• get请求有长度限制，post无

GET请求时，浏览器会将header和data一起发送，服务器响应200（正常处理）
POST请求，浏览器先发送header，服务器回100（继续）；再发送data，服务器回应200

4. 服务器端响应

状态码	含义
1xx	收到请求，继续处理
2xx	请求已被接受
3xx	重定向，完成请求必须进一步操作
4xx	客户端出错
5xx	服务器端出错

常见	含义
200	请求已完成，所请求的资源返回客户端
301	重定向，请求的网页已被永久移动到新位置，会跳转到新位置
302	重定向，请求的网页暂时移动，会跳转到新位置
304	上次请求后，网页未修改过，服务器返回响应时，不会返回网页内容。节省带宽和开销
400	错误请求，服务器不理解请求的语法
401	要求身份验证
403	服务器拒绝请求
404	找不到网页
500	服务器内部错误
503	服务器不可用
504	网关超时
505	http协议版本不支持

5. 浏览器解析Html

• 构建DOM树
• 构建CSSOM树

6. 浏览器进行页面渲染

当通过js修改DOM和CSS，会导致重新布局（layout）或渲染（repaint）

重新布局（layout）也称回流（reflow）：元素的内容，结构，位置，尺寸变化，重新计算样式和渲染树

重绘（repaint）元素发生的改变只是影响了样式，如颜色，边框，这时只需重新绘制元素即可