浏览器渲染页面的过程就像是盖房子,一般先请求服务器得到 HTML 文件,HTML 文件就相当于网页的框架结构,不过一开始浏览器得到的是显示字节内容的 HTML 文件,必须要内化为自己看的懂的语言才行,于是就把字节转化为字符,也就是程序员能够看的懂的 html 代码。但是此时我们可以看得懂,机器却不行,于是我们需要转化为机器能够看得明白的语言,HTML 是标记语言,里面有很多小于号 <和大于号> 分别标识不同的结构,于是浏览器就把字符转化为 Token,可以简单把 Token 理解为符号标签,比如遇见的第一个的时候转化为一个起始标签,遇到结尾的</ body > 时转化为结束标签,这样字符就被 Token 化了,不同字符就变成有不同特殊意义的东西了。Token 化 以后就要开始升华,也就是把 token 转化为节点对象。在编程里面,对象虽然只是用代码表示而已,但是对象是可以进行编程操作的,因为对象会有自己的属性方法,相当于把 token 盘活了。最后就是把这些节点对象都连到一起,形成文本对象模型,也就是 DOM。DOM 其实就是浏览器自己的语言,每个节点对象相连,形成父子关系,这样后面要对某个节点对象进行操作,对于浏览器来讲就非常友好了。
大约 149 分钟