2024-03-25

Webpack的一个构建流程是什么？

是一个串型流程，从读取配置到输出文件这个过程(从启动到结束)

webpack的作用

通俗易懂的说：将开发时期的代码转换成运行时期的代码

从配置文件中或从 shell语句中读取和合并我们的参数，得到最终的一个参数

用上一步得到的参数，初始化compiler对象,去加载我们所有配置的插件，执行run方法，开始进入编译阶段。

2024-03-24

在Vue 3中，ref 和 reactive 是两种响应式数据引用的方式，它们有不同的特点和适用场景。

ref：
- ref 是用来创建一个包装对象(wrapper object)的引用，它会将基本数据类型（如数字、字符串等）转换成一个可响应的对象。在创建 ref 时，会返回一个带有 value 属性的对象。
- 使用 ref 创建的对象是具有 value 属性的对象，操作时需要通过 .value 来访问其真实的值。
- 适用于管理单一值的状态，比如数字、字符串等简单类型的状态。
reactive：

2024-03-24

Vue 3 中引入的 Composition API 是一种新的 API 设计范式，它与 Vue 2 中基于选项的 API（Options API）相比具有多项优点。下面详细说明 Vue 3 Composition API 的优点以及与 Vue 2 Options API 的对比。

逻辑组织更清晰：在大型组件中，逻辑代码往往散落在各个生命周期钩子和选项中，得代码难以维护。Composition API 允许将相关逻辑代码组织到一起，使得代码更易读、易维护。

2 复用逻辑更容易：通过自定义逻辑组合函数，可以更方便地将逻辑代码进行复用，而不再需要借助 mixins 的方式，避免了 mixins 带来的命名冲突和不易追踪问题。

2024-03-23

JavaScript 的垃圾回收机制是一种自动管理内存的机制，它通过检测不再需要的对象，并释放其内存来确保内存的有效使用。通常来说，垃圾回收机制包括标记清除、引用计数、分代回收等方式。

V8 引擎是 Chrome 浏览器和 Node.js 的核心 JavaScript 引擎，它实现了一种高效的垃圾回收机制，该垃圾回收机制在 Node.js 中也得到了应用。V8 引擎的垃圾回收机制与标准的 JavaScript 垃圾回收机有一些区别和优化。

JavaScript 的垃圾回收机制主要包括标记清和引用计数两种方式。

2024-03-23

在Vue 2和Vue 3中，nextTick是一个用于在 DOM 更新后执行回调的函数。它的原理是利用事件循环机制，在当前微任务队列的任务执行完毕后，执行传入的回调函数nextTick的存在是为了在更新 DOM 后执行一些操作，比如获取更新后的 DOM 元素的尺寸或位置等。

Vue 2 中的 nextTick

在 Vue 2 中，nextTick使用了 microtask（微任务）来实现。它会将传入的回调函数添加到微任务队列，确保在当前 JavaScript 执行上下文中的任务执行完毕后立即执行。