运行环境：从输入url到渲染整个页面的过程

加载资源的形式

html、css、js、媒体文件如图片、视频等

加载资源的过程

输入url之后，进行：

1. DNS解析：根据域名查询IP地址
2. 浏览器根据IP地址向服务器发送HTTP请求（利用TCP协议通过三次握手与服务器建立连接）
3. 服务器处理HTTP请求，并返回响应数据包给浏览器

浏览器渲染页面过程

1. 根据HTML代码生成DOM Tree
2. 根据CSS代码生成CSSOM（类似DOMTree）
3. 将DOM Tree和CSSOM整合形成Render Tree渲染树
4. 根据Render Tree渲染页面
5. 遇到<script>则暂停渲染，优先加载并执行JS代码，完成之后再继续
6. 直至Render Tree渲染完成

为什么将js代码放在body内的最后面？

• JS代码需要操作DOM元素，若js代码放在前面，此时DOM还没有加载完，可能会出错
• 优化用户体验，JS代码加载会阻塞其他加载，因此把页面先加载完再执行JS代码