俊俊的番薯

Webpack 的运行流程是一个串行的过程，从启动到结束会依次执行以下流程： 初始化参数 从配置文件和 Shell 语句中读取与合并参数，得出最终的参数 开始编译 用上一步得到的参数初始化 Compi

1）优化 Webpack 的构建速度 使用高版本的 Webpack（使用 webpack4） 多线程/多实例构建：happypack（不维护了）、thread-loader 缩小打包作用域： excl

一、相似之处 都将注意力集中保持在核心库，而将其他功能如路由、全局状态管理交给相关的库。 都有自己的构建工具，能让你得到一个根据最佳实践设置的项目模版。 都使用了 Virtual DOM（虚拟DOM）

一、Vue3 新优势 1.1 options API -> composition API Composition API 字面意思是组合 API，它是为了实现基于函数的逻辑复用机制而产生的。 1）声

一、diff 算法 diff 算法是一种通过同层的树节点进行比较的高效算法，避免对树的逐层遍历，减少时间复杂度。 diff 算法的两个特点： 只会同级比较，不会跨层。 diff 比较循环都是从两边往中

一、什么是虚拟 DOM 从本质来说，Virtual Dom 是一个 JavaScript 对象，通过对象的方式来表示 DOM 结构。将页面的状态抽象为 JS 对象的形式，配合不同的渲染工具，使跨平台渲

生命周期 beforeCreate（创建前）：在数据挟持的阶段，初始化事件还未开始。 created（创建后）：完成数据挟持，属性和方法的运算、初始化事件、$el属性还没有显示出来。 beforeMo

过程分析 Vue的模版编译过程主要如下：template->ast->render函数。 Vue在模版编译中会执行compileToFunctions将template转化为render函数。 1.调

1.原理 View的变化能实时让Model发生变化，而Model的变化也能实时更新到View。 Vue采用数据挟持&发布-订阅模式的方式，通过ES5提供的Object.defineProperty()