No170.精选前端面试题，享受每天的挑战和学习

🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6
🍨 阿珊和她的猫_CSDN个人主页
🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》
🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

vue2和vue3在虚拟DOM方面的区别

Vue 2.x 和 Vue 3.x 在虚拟 DOM 方面有一些显著的区别:

1. Vue 2.x 使用基于对象的虚拟 DOM，而 Vue 3.x 则采用了基于函数的虚拟 DOM。Vue 3.x 的基于函数的虚拟 DOM 实现了更高的性能，可以更有效地进行编译和渲染。

2. Vue 2.x 的虚拟 DOM 采用了双向链表的数据结构，而 Vue 3.x 则使用了数组的数据结构。这使得 Vue 3.x 的虚拟 DOM 在创建和更新节点时具有更高的效率。

3. Vue 3.x 的虚拟 DOM 支持片段（Fragment）节点，这使得开发者可以在组件中返回多个根节点，而不需要包裹在一个容器中。

4. Vue 3.x 引入了响应式系统的改进，通过使用 Proxy 代理对象实现，而不再依赖 Object.defineProperty。这样可以提供更好的性能和更灵活的响应式行为。

总的来说，Vue 3.x 在虚拟 DOM 方面进行了许多改进，提供了更好的性能和开发体验。但是需要注意的是，迁移到 Vue 3.x 可能需要更新一些代码和调整开发方式。

module.exports 和 exports

module.exports 和 exports 都是 Node.js 中用于导出模块的关键字，但是它们在使用方式上有一些区别。

module.exports 是一个指向导出对象的引用，可以直接赋值给一个对象，函数，类等。通过赋值给 module.exports ，你可以显式地指定导出的内容。

例如：

// 导出一个对象
module.exports = {
  foo: 'bar',
  baz: 123
};

// 导出一个函数
module.exports = function() {
  console.log('Hello, world!');
};
1
2
3
4
5
6
7
8
9
10

另一方面，exports 是 module.exports 的一个辅助对象。它实际上是指向 module.exports 的引用。在导出模块时，你可以通过给 exports 对象添加属性来将它们导出。

例如：

// 导出一个属性
exports.foo = 'bar';

// 导出一个函数
exports.sayHello = function() {
  console.log('Hello, world!');
};
1
2
3
4
5
6
7

需要注意的是，当你给 exports 添加一个属性时，实际上是给 module.exports 添加了一个属性。如果你直接给 exports 赋值一个新的对象，它将不再指向 module.exports，这样会导致导出失效。

综上所述，两者用于导出模块的方式有所不同，用法取决于你的需求和习惯。在大多数情况下，推荐使用 module.exports。

JS变量提升和作用域

JavaScript 中的变量提升和作用域是两个重要的概念。

变量提升是指在代码执行之前，JavaScript 引擎会将变量和函数的声明提升到当前作用域的顶部。
这意味着你可以在声明之前使用变量，而不会引发错误。

例如：

console.log(foo); // undefined
var foo = 'bar';
1
2

在上述代码中，变量 foo 被提升到了作用域的顶部，但是它的值在声明之前并未被赋值，因此输出结果为 undefined。

函数的声明也会被提升：

sayHello(); // Hello, world!

function sayHello() {
  console.log('Hello, world!');
}
1
2
3
4
5

作用域是指变量的可访问范围。在 JavaScript 中有全局作用域和函数作用域两种。

全局作用域中声明的变量可以在代码中的任何地方访问，函数作用域中声明的变量只能在声明它们的函数内部访问。

例如：

var globalVar = 'I am a global variable';

function foo() {
  var localVar = 'I am a local variable';
  console.log(globalVar);
  console.log(localVar);
}

foo(); // 输出：I am a global variable，I am a local variable
console.log(globalVar); // 输出：I am a global variable
console.log(localVar); // 报错：ReferenceError: localVar is not defined
1
2
3
4
5
6
7
8
9
10
11

在上述代码中，globalVar 可以在函数内部和外部访问，而 localVar 只能在函数内部访问。在函数外部尝试访问 localVar 会导致 ReferenceError。

总结起来，变量提升允许在声明之前使用变量，而作用域规定了变量的可访问范围。了解这两个概念对于理解 JavaScript 中的变量的行为至关重要。

对node的了解

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，用于构建快速、可扩展的网络应用程序。相比于浏览器环境中的 JavaScript，Node.js 提供了许多额外的功能和 API，使得它更适合用于服务器端开发。

以下是对 Node.js 的一些主要特点和功能的概述：

1. 非阻塞式I/O：Node.js 使用基于事件驱动的非阻塞式I/O模型，使得它能够处理大量并发请求，同时保持高性能。这使得它非常适合处理实时应用程序和大规模的网络服务。

2. 事件驱动：Node.js 使用事件循环和回调函数来处理异步操作。它将每个 I/O 操作作为一个事件，并将回调函数与这些事件关联。当事件完成时，Node.js 将调用相应的回调函数。这种事件驱动的编程模型使得开发者能够处理复杂的并发操作，同时保持代码简洁和可读性。

3. 模块化：Node.js 支持模块化开发，可以使用内置的模块，如 fs、http 等，也可以使用第三方模块。通过模块系统，开发者可以将代码组织成可维护和可重用的部分，更好地管理项目的依赖关系。

4. 跨平台：Node.js 可以在多个操作系统平台上运行，包括 Windows、macOS 和 Linux。这使得开发者能够在不同的环境中部署和运行他们的 Node.js 应用程序。

5. NPM：NPM（Node Package Manager）是 Node.js 的包管理工具，它提供了一个丰富的软件生态系统，允许开发者轻松地安装、管理和共享 JavaScript 代码包。NPM 是世界上最大的开源库生态系统之一，支持大量的第三方库和工具，大大提高了开发效率。

6. 单线程：Node.js 是单线程的，这意味着它使用单个主线程来处理所有的请求。但是，它使用了事件循环和异步操作来实现并发处理，因此能够高效地处理大量的并发请求。

总体而言，Node.js 提供了一个强大的平台，用于构建高性能和可伸缩的服务器端应用程序。它的非阻塞I/O、事件驱动的编程模型以及丰富的模块系统使得开发者能够编写高效的、并发性强的应用程序。