从点击到呈现 — 详解一次HTTP请求
1.DNS域名解析
2.建立TCP连接
3.发起HTTP请求,接收响应
4.浏览器解析HTML
构建DOM树,下载资源(CSS,JS),解析CSS并构建CSSOM树,通过DOM树和CSSOM树构造出渲染树(Render Tree)
5.浏览器布局渲染
布局:根据渲染树布局,计算每个节点的几何信息。
绘制:在屏幕上绘制各个节点。
构建DOM树,下载资源(CSS,JS),解析CSS并构建CSSOM树,通过DOM树和CSSOM树构造出渲染树(Render Tree)
布局:根据渲染树布局,计算每个节点的几何信息。
绘制:在屏幕上绘制各个节点。