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

本文主要是介绍[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. 遇到

这篇关于[JavaScript初级面试]16. 运行环境 - 页面加载和渲染过程的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！