输入URL到页面加载发生了什么

1、DSN解析

查找域名对应的ip 会先查询本地的缓存服务器是否存储了

2、TCP连接

TCP的3次握手

3、发送HTTP请求

请求报文 ：请求行 首部（请求首部 通用首部 实体首部） 实体

4、服务器处理请求并返回HTTP报文

响应报文：状态码 首部（响应首部 通用首部 实体首部） 实体

5、浏览器渲染页面

首先构建DOM树
布局渲染树 reflow 回流 repain重绘
reflow： DOM节点中的每个元素都是以盒模型存在的 都需要浏览器计算其位置和大小
repain： 当盒模型的位置 大小以及其他属性 如字体 颜色 等确定下来之后 浏览器便开始绘制内容
js的执行 js引擎 单线程 异步的出现 异步任务有了运行结果以后就会在任务队列中放置一个事件 脚本运行时先依次执行这些事件

6、连接结束