浏览器-Web应用的生命周期

浏览器-Web应用的生命周期步骤

---

web应用的生命周期概览：

• 起点：从用户在浏览器地址栏中输入一串URL，或单击一个链接开始

• 中间过程：
  输入URL（或者单击链接）
  –> 浏览器生成请求并发送至服务器
  –> 服务器执行某些动作或者拉取某些资源；将响应发送至客户端
  –> 客户端接收到了响应
  –> 页面构建
  –> 事件处理

• 终点：用户关掉或离开页面而结束

页面构建阶段

（从浏览器成功接收到了响应开始）

• 解析HTML代码并构建文档对象模型（DOM）
• 执行JavaScript代码

详细过程：

1. 按照顺序解析收到的HTML代码，构建一个个HTML元素，构建DOM树
2. 当浏览器遇到<script>标签时，暂停构建HTML元素和DOM树，执行<script>中的JS代码，并且注册事件处理器。
3. 当执行完该<script>中的JS代码后，继续构建HTML元素和DOM树
4. 若再遇到<script>标签，则又暂停构建HTML元素和DOM树，执行script>中的JS代码，并且注册事件处理器。