qiuadam

1.请你说说Vue2的Diff操作具体原理？ Diff操作一共包含三个步骤： 创建节点，更新节点，删除节点。 创建和删除节点都比较简单，这里跳过。接下来说说更新节点如何处理： 如果新的vnode和旧的

generate函数主要如下： 第一步，调用CodegenState函数，根据options初始化一个state 第二步，调用genElement函数，传递ast和state，返回code genEl

关于项目的前置配置，请看以下两篇文章 浅析Webpack5搭建基本项目 浅析Webpack5搭建基本项目（优化） 那么接下来就开始配置Vue3了 首先将js和ts的loader改为babel配置，参考

一.编译速度分析 webpack.config.js配置: 二.配置缓存 webpack.config.js配置： 三.配置多进程 webpack.config.js配置: 关于此loader具体配置

一.搭建项目 创建dist，src，public文件夹。随后在src文件夹里面添加一个index.js文件,在public文件夹下面添加一个index.html,内容如下: 之后在项目根目录添加一个w

需要的依赖： 打包后的结果如下： 那么就开始吧 初始化项目 首先先建立项目，名字叫vue-cli-webpack，之后执行命令 npm init -y 初始化项目 然后按照上面的依赖去安装，安装完后在

CSS面试题2 display的属性值及其作用 1.none : 元素不显示 并且从文档结构中移除 2.block ：块类型，可设置宽高 默认宽度为父元素宽度 换行显示 3.inline ： 行内元素

CSS面试题1 两种盒模型 w3c盒子模型 content-box IE盒子模型 border-box w3c的盒子模型中设置width height的时候 只设置为了content 其他不设置 IE

开篇 在生成了vnode之后，就需要生成真实节点并且挂载到页面上了。这时候就用到了patch方法，对比是否是第一次将vnode生成真实节点挂载到页面上。如果已经有之前生成过的vnode了，那么就需要做