前端菜鸟的进阶之路
首页
技术·博文
经典·面试
GitHub
#
DOM Tree 是如何构建的?
转码
浏览器将接受到的二进制数据按照指定的编码规则进行解析,将其转化成 HTML 字符串
生成 Tokens
之后开始 parser,浏览器会将 HTML 字符串解析成 Tokens
构建Nodes
对 Node 添加特定的属性,通过指针确定 Node 的父、子、兄弟关系和所属 treeScope
生成DOM Tree
通过 node 包含的指针确定的关系构建出 DOM Tree
←
重排和重绘
实现一个instanceOf
→