面试题汇总

在 Nuxt.js 中，可以通过以下几种方式来判断当前代码是在服务端还是客户端执行： 使用process.server和process.client process.server：在服务端渲染时为tr

Nuxt.js 是一个基于 Vue.js 的服务端渲染框架，它有两种主要的模式：SSR（Server - Side Rendering，服务端渲染）模式和 SPA（Single - Page Appl

单页面应用（SPA）和多页面应用（MPA）在以下方面存在区别： 页面加载方式 单页面应用：在首次加载时，会将整个应用的 HTML、CSS 和 JavaScript 文件一次性加载到浏览器中。之后，通过

在开发中遇到参数不清不楚的情况时，使用 TypeScript（TS）和不使用 TypeScript（如纯 JavaScript，JS）会有不同的处理方式，以下是具体介绍： 使用 TypeScript

Ant Design UI 底层使用 TypeScript 做了很多限制，主要体现在以下几个方面： 组件属性类型限制 Ant Design 的组件属性都有严格的类型定义。以Button组件为例，其ty

在 TypeScript 语法环境中，引入非 TypeScript 编写的包在 VSCode 中爆红，通常可以通过以下几种方法解决： 安装类型声明文件 很多 JavaScript 库都有对应的 Typ

TypeScript 虽然有很多优点，但也存在一些缺点，主要包括以下几个方面： 学习成本较高 类型系统复杂：TypeScript 的类型系统相对复杂，需要开发者学习和理解各种类型定义、类型推断规则以及

TypeScript（TS）和 JavaScript（JS）有以下一些主要区别： 类型系统 JavaScript：是一种弱类型语言，变量的数据类型在运行时根据赋值自动确定，对变量的数据类型约束较为宽松

在 Vue 中，某个 DOM 成为虚拟 DOM 前以及结束 Diff 算法之后，大致的流程如下： 成为虚拟 DOM 前 模板编译：Vue 会将模板（template）编译成渲染函数（render fu

Vue 的 Diff 算法主要用于对比新旧虚拟 DOM，找出差异并更新真实 DOM，以最小化 DOM 操作，提高更新效率。其具体工作如下： 同级比较 Diff 算法会对新旧虚拟 DOM 树的同一层级节

虚拟 DOM（Virtual DOM）是一种编程概念，它是真实 DOM 在内存中的一种轻量级表示。以下是关于虚拟 DOM 的详细介绍： 工作原理 创建虚拟 DOM 树：当一个网页应用程序加载时，Jav

Vue 3 在数组方面相较于 Vue 2 有以下一些改进和优势： 更高效的响应式追踪 Vue 2 通过重写数组的变异方法（如push、pop、shift、unshift、splice、sort、rev

在 Vue 2 中，使用this.$set是为了解决 Vue 无法检测到对象属性新增或删除的问题。Vue 2 通过Object.defineProperty()方法来进行数据劫持，从而实现数据响应式。

Vue 2 到 Vue 3 在包体积减少方面做了以下优化： Tree-shaking 支持更好 模块化改进：Vue 3 采用了更现代的模块化设计，将框架的功能拆分成更小的模块。比如响应式系统、虚拟 D

Object.prototype是 JavaScript 中所有对象的基础原型，它具有以下优缺点： 优点 提供基础属性和方法：为所有对象提供了一些通用的基础属性和方法，如toString()、valu

Vue 2 主要使用 Options API。在 Vue 2 中，组件的逻辑被组织在不同的选项中，如data用于定义响应式数据，methods用于定义方法，computed用于定义计算属性，watch

Vue 2 和 Vue 3 存在多方面区别： 性能表现： 虚拟 DOM：Vue 3 重新设计虚拟 DOM 实现，更新和渲染更高效；且优化 diff 算法，能更精准快速找出变化，减少不必要渲染。 静态树

Vue 操作虚拟 DOM 主要有以下原因： 提升性能 在传统网页开发中，频繁直接操作真实 DOM 代价高昂，因为 DOM 操作会触发浏览器的回流和重绘，比如修改一个 DOM 元素的样式或结构，可能导致

Vue 框架和传统用 jQuery 写 HTML 有以下区别： 框架性质：jQuery 是一个快速、简洁的 JavaScript 库，主要用于简化 HTML 文档遍历、事件处理、动画和 Ajax 交互

在 Vue3 中，ref和reactive是用于响应式编程的两个重要函数，它们的作用如下： ref 基本作用：用于创建一个响应式的数据引用。它可以接受一个基本类型的值（如字符串、数字、布尔值等）或一个