渲染树的造成

时间 2019-11-15

标签渲染造成繁體版

原文原文链接

从浏览器输入url到页面显示经历了哪些？

DNS域名解析，解析出ip地址
与服务器三次握手创建TCP链接
浏览器想web服务器发送HTTP请求（请求方法、请求头、请求正文）
服务器（如Apache、Ngnix、IIS）处理请求并返回HTTP报文
浏览器解析资源并渲染页面
四次握手关闭tcp链接

dom树

DOM（Document Object Model（文档对象模型））是对 HTML 文档结构化的表述，后端服务器返回给浏览器渲染引擎的 HTML 文件字节流是没法直接被浏览器渲染引擎理解的，要转化为渲染器引擎能够理解的内部结构，这个结构就是 DOM。 容许程序和脚本动态地访问和更新文档的内容、结构和样式 javascript

HTML解析器

<html>
<body>
    <div>程序员成长指北</div>
</body>
</html>
复制代码

渲染树的造成

从浏览器输入url到页面显示经历了哪些？

dom树

HTML解析器

CSS解析器

javascript对DOM树与CSSOM树建立的影响

构建渲染树

渲染树造成过程能够作哪些优化