文章目录 一、编译流程 1.解读入口文件packgages/vue/index.ts 2.compile函数的运行流程 二、AST解析器 1.`ast`的生成 2.创建`ast`的根节点 3.解析子节点`parseChildren`（关键） 4.解析模版元素Element 模版元素解析-举例分析 一、编译流程 1.解读入口文件packgages/vue/index.ts 首先从Vue对象的入口开始，packgages/vue/index.ts文件中只有compileToFunction函数： 依赖注入编译函数至runtimeregisterRuntimeCompiler...

浏览器的渲染过程 解析HTML，形成DOM树，当遇到非阻塞资源时，如图片则会继续解析，当遇到css文件时，也会继续解析。当遇到js文件的阻塞渲染，会停止html的解析。 构建CSSOM树。浏览器将css规则转换为可以理解和使用的样式映射。浏览器遍历CSS中的每个规则集，根据CSS选择器创建具有父、子和兄弟关系的节点树。 第三步是将DOM和CSSOM组合成一个Render树，计算样式或渲染树从DOM树的根开始构建，遍历每个可见节点。像和它的子节点以及任何具有​​display:none​​​样式的节点，例如​​script{display:none;}​​​这些标签将不会显示，也就是它们不会...