总结就是:
1.【用户】输入 URL
2.【浏览器】从 URL 中解析出 主机名
3.【浏览器】将 主机名 转换成 服务器ip地址(先查找本地DNS缓存列表,没有的话再向默认的DNS服务器发送查询请求并缓存)
4.【浏览器】从 URL 中解析出 端口号
5.【浏览器】与 目标服务器 建立 TCP连接(三次握手)
6.【浏览器】向 服务器 发送一条 HTTP请求报文
7.【服务器】向 浏览器 返回一条 HTTP响应报文
8.关闭连接,【浏览器】解析文档
如果文档中有其他资源,重复6 7 8 动作,直至资源全部加载完毕
渲染的基本流程
HTML解析出DOM Tree
CSS解析出Style Rules
将二者关联生成Render Tree
Layout 根据Render Tree计算每个节点的信息
Painting 根据计算好的信息绘制整个页面