主要分析将 DOM 树加上 CSS 规则的步骤。 STEP 0: 环境准备npm install css CSS库 STEP 1: 收集 CSS 规则 遇到 style 标签时，需要将 CSS 规则保存收集； 调用 CSS parser

主要分析浏览器接收到服务器端传输过来的 HTML 如何将其解析为 DOM 的步骤。 STEP 1: 文件拆分 parse 接受 HTML 文本作为参数，返回一棵 DOM 树。 为了方便管理，单独拆分出parser.js。 STEP 2

HTTP 协议URL -> (HTTP) ->HTML ->( parse) -> DOM -> (CSS computing) -> DOM with CSS -> layout ->DOM

JS 执行粒度 Realm JS Context => Realm（粒度比宏任务更大） 宏任务 微任务 函数调用 语句/声明 表达式 直接量/变量/this… 如果使用 GLOBAL 变量对象是不需要用到 Realm。 在 JS 内