[JavaScript初级面试]16. 运行环境 - 页面加载和渲染过程

题目

• 从输入url到渲染出页面的整个过程
• window.onload和DOMContentLoader的区别

加载资源的形式

• html代码
• 媒体文件，如图片，视频
• js，css

加载资源的过程

1. DNA解析：域名 -> IP地址
2. 浏览器根据IP地址向服务器发起HTTP请求（建立TCP链接等）
3. 服务器处理HTTP请求，并返回给浏览器

页面渲染过程

1. 根据HTML代码生成DOM Tree
2. 根据CSS代码生成CSSOM
3. 将DOM Tree和CSSOM整合成Render Tree
4. 根据Render Tree渲染页面
5. 遇到