客户端Web应用程序的生命周期
生命周期的开始
- 用户输入URL(或者单击链接)
- 浏览器生成请求发送至服务器
- 服务器处理了请求,并返回一个响应。这个响应通常是由
HTML
CSS
JavaScript
代码所组成 - 浏览器接收响应,我们的客户端应用开始了它的生命周期
生命周期的执行
第一阶段:页面的构建
这一阶段的目标是建立Web应用的UI,也就是形成一个用户看到的界面。其分为两个交替执行的步骤:
- 解析
HTML
代码并构建文档对象模型(DOM);
通过解析收到的HTML
代码,构建一个个HTML
元素从而构建DOM,每个HTML
元素都会被都会被当作一个节点。 - 执行JavaScript代码
当HTML解析到脚本元素时,浏览器会停止从HTML
构建DOM,并由浏览器的JavaScript引擎(如chrome的V8引擎)开始执行JavaScript代码。
浏览器通过全局对象提供了一个
API
,JavaScript
引擎通过这个API
可以操作DOM节点从而改变页面内容。这个全局对象主要就是window
对象,它代表了整个页面窗口。window
中的docu