当前位置： 首页 > article >正文

前端面试-Vue篇

article 2026/1/20 3:35:33

核心概念

  1. Vue 3的响应式原理与Vue 2有何本质区别？
  2. Vue中虚拟DOM的diff算法优化策略有哪些？
  3. Vue组件间通信方式有哪些？适用场景分别是什么？
  4. Vue的生命周期钩子在Composition API中如何替代？
  5. Vue的模板编译过程是怎样的？
  6. 解释Vue的key属性在列表渲染中的作用。
  7. Vue中的nextTick实现原理及应用场景？
  8. 如何实现Vue的自定义指令？举例实际用例。
  9. Vue的混入（mixins）与Composition API的优劣对比。
  10. Vue的异步组件加载机制如何实现？

Composition API

  1. 解释ref与reactive的区别及使用场景。
  2. 如何用watch和watchEffect实现响应式监听？
  3. provide/inject在Composition API中的用法？
  4. 如何封装可复用的Composition函数？举例说明。
  5. script setup语法糖解决了哪些痛点？

组件与生态

  1. 如何实现Vue的动态组件与异步组件？
  2. 解释Vue插槽（slot）的作用域及高级用法。
  3. Vue 3的Teleport组件解决了什么问题？
  4. 如何用Suspense组件处理异步依赖？
  5. 对比Vuex与Pinia的设计哲学及优缺点。
  6. Vue Router的导航守卫执行顺序是怎样的？
  7. 如何实现Vue Router的路由懒加载？
  8. Vue 3中如何实现全局状态共享（无Pinia/Vuex）？
  9. 解释Vue的服务器端渲染（SSR）核心流程。
  10. Nuxt.js 4的核心特性有哪些？

性能与优化

  1. Vue应用的首屏加载性能优化策略有哪些？
  2. 如何用Vue的KeepAlive组件优化组件状态缓存？
  3. 长列表渲染的性能优化方案（如虚拟滚动）？
  4. Vue应用的代码分割（Code Splitting）如何实现？
  5. 如何通过Chrome DevTools分析Vue应用性能瓶颈？

进阶与原理

  1. 手写简易版Vue响应式系统（基于Proxy）。
  2. Vue模板如何被编译为渲染函数？
  3. 解释Vue 3的静态节点提升（Static Hoisting）优化。
  4. 如何实现Vue自定义渲染器（如渲染到Canvas）？
  5. Vue 3的Tree-shaking机制如何实现？

TypeScript与工程化

  1. 如何在Vue 3中为组件Props添加复杂类型校验？
  2. 使用TypeScript定义Composition API的返回值类型。
  3. 如何为Vue插件编写类型声明文件？
  4. Vite对比Webpack在Vue项目中的优势有哪些？
  5. 如何配置Vue项目的多环境变量？

测试与调试

  1. Vue组件的单元测试主要关注哪些方面？
  2. 如何用Vitest测试Composition API的逻辑？
  3. 解释Vue Test Utils中shallowMount与mount的区别。
  4. 如何调试Vue 3的响应式数据流？
  5. 如何实现Vue应用的E2E测试？

前沿与场景

  1. Vue 3如何支持微前端架构（如qiankun）？
  2. 如何用Vue实现Progressive Web App（PWA）？
  3. Vue在跨端开发（如Tauri、NativeScript）中的应用？
  4. Vue 3的服务器组件（Server Components）实现原理？
  5. 预测Vue 4可能引入的重大变革方向。

相关文章：

前端面试-Vue篇

核心概念 Vue 3的响应式原理与Vue 2有何本质区别？Vue中虚拟DOM的diff算法优化策略有哪些？Vue组件间通信方式有哪些？适用场景分别是什么？Vue的生命周期钩子在Composition API中如何替代？Vue的模板编译过程是怎样的&…...

编程日记 2025/11/30 21:25:25

XSS攻击（反射型、存储型、dom型、PDF、SWF、SVG）

一、XSS攻击是什么 XSS是恶意攻击者往 Web 页面里插入恶意可执行网页脚本代码，当用户浏览该页之时，嵌入其中 Web 里面的脚本代码会被执行，从而可以达到攻击者盗取用户信息或其他侵犯用户安全隐私的目的。 二、XSS分类 反射型XSS 常见情况是…...

编程日记 2026/1/19 20:12:43

C复习（主要复习）

指针和数组 指针数组是一个数组，数组的每个元素都是指针。它适用于需要存储多个指针的场景，如字符串数组。数组指针是一个指针，指向一个数组。它适用于需要传递整个数组给函数或处理多维数组的场景。 函数指针：函数指针的定义需要…...

编程日记 2026/1/14 17:09:53

Python及C++中的集合

1. Python 中的集合（set） 1.1 特性 无序性：集合中的元素没有顺序，不能通过索引访问。唯一性：集合中的元素不能重复，如果尝试添加重复的元素，集合会自动忽略。可变性：集合是可变的&…...

编程日记 2025/12/2 8:54:38

Ubuntu24.04搭建ESP8266_RTOS_SDK V3.4开发环境

【本文发布于https://blog.csdn.net/Stack_/article/details/147194686，未经允许不得转载，转载须注明出处】 需要有Linux使用基础，自行准备 1、VM17 Pro （自行搜索教程安装） 2、ubuntu-24.04-desktop-amd64 &#xff0…...

编程日记 2026/1/14 10:45:54

数据仓库分层存储设计：平衡存储成本与查询效率

数据仓库分层存储不仅是一个技术问题，更是一种艺术：如何在有限的资源下，让数据既能快速响应查询，又能以最低的成本存储？ 目录 一、什么是数据仓库分层存储？ 二、分层存储的体系架构 1. 数据源层（ODS，Operational Data Store） 2. 数据仓库层（DW，Data Warehouse）…...

编程日记 2025/12/1 18:03:29

matlab求和∑函数方程编程？

matlab求和∑函数方程编程？ 一 题目：求下列函数方程式的和 二：代码如下： >> sum_result 0; % 初始化求和变量 for x 1:10 % 设…...

编程日记 2026/1/14 10:42:45

基于Java+MySQL实现的（Web）科研资讯推送系统

科研资讯推送系统 技术选型 核心框架：SpringBoot 数据库层：springdatajpa 安全框架：Shiro 数据库连接池：Druid 缓存：Ehcache 部署 阿里云学生机:ecs.n4.small Tomcat:9.0 JDK:1.8 数据库:MySQL8.0 操作系统:CentOS…...

编程日记 2026/1/12 21:43:44

PHP弱类型hash比较缺陷

目录 0x00 漏洞原因 0x01 利用方法 0x02 [BJDCTF2020]Easy MD5 1 利用md5($password,true)实现SQL注入 PHP md5弱类型比较 数组绕过 0x00 漏洞原因 1、在进行比较的时候，会先将两边的变量类型转化成相同的，再进行比较 2、0e在比较的时候会将其认…...

编程日记 2026/1/3 23:25:30

​asm汇编源代码之-汉字点阵字库显示程序源代码下载​

汉字点阵字库显示程序 源代码下载 文本模式下显示16x16点阵汉字库内容的程序(标准16x16字库需要使用CHGHZK转换过后才能使用本程序正常显示) 本程序需要调用file.asm和string.asm中的子程序,所以连接时需要把它们连接进来,如下 C:\> tlink showhzk file string 调用参…...

编程日记 2026/1/17 5:47:23

Excel 中让表格内容自适应列宽和行高

Excel 中让表格内容自适应列宽和行高 目录 Excel 中让表格内容自适应列宽和行高自适应列宽自适应行高在Excel中让表格内容自适应列宽和行高，可参考以下操作： 自适应列宽 方法一：手动调整 选中需要调整列宽的列（如果是整个表格，可点击表格左上角行号和列号交叉处的三角形全…...

编程日记 2026/1/12 15:15:59

从 Vue 到 React：深入理解 useState 的异步更新

目录 从 Vue 到 React：深入理解 useState 的异步更新与函数式写法1. Vue 的响应式回顾：每次赋值立即生效2. React 的状态更新是异步且批量的原因解析 3. 函数式更新：唯一的正确写法4. 对比 Vue vs React 状态更新5. React useState 的核心源码…...

编程日记 2026/1/7 15:46:45

Java使用ANTLR4对Lua脚本语法校验

文章目录 什么是ANTLR？第一个例子ANTLR4 的工作流程Lua脚本语法校验准备一个Lua Grammar文件maven配置生成Lexer Parser Listener Visitor代码新建实体类Lua语法遍历器语法错误监听器单元测试 参考 什么是ANTLR？ https://www.antlr.org/ ANTLR (ANothe…...

编程日记 2026/1/8 11:06:29

vue3.2 + element-plus 实现跟随input输入框的弹框，弹框里可以分组或tab形式显示选项

效果 基础用法&#xff08;分组选项&#xff09; 高级用法&#xff08;带Tab栏&#xff09; <!-- 弹窗跟随通用组件 SmartSelector.vue --> <!-- 弹窗跟随通用组件 --> <template><div class"smart-selector-container"><el-popove…...

编程日记 2026/1/8 11:06:25

Vue 2.0和3.0笔记

Vue 3 关于组件 今天回顾了下2.0关于组件的内容&#xff0c;3.0定义组件的方式多了一种就是通过单文件组件&#xff08;Single-File Component&#xff09;的方式将Vue的模板&#xff0c;逻辑和样式放到一个文件中&#xff0c;2.0则不同&#xff0c;它是将模板放到一个属性中…...

编程日记 2025/12/1 2:26:14

Windows VsCode Terminal窗口使用Linux命令

背景描述&#xff1a; 平时开发环境以Linux系统为主&#xff0c;有时又需要使用Windows系统下开发环境&#xff0c;为了能像Linux系统那样用Windows VsCode&#xff0c;Terminal命令行是必不可少内容。 注&#xff1a;Windows11 VsCode 1.99.2 下面介绍&#xff0c;如何在V…...

编程日记 2026/1/12 10:44:45

负载均衡的实现方式有哪些?

负载均衡实现方式常见的有: 软件负载均衡、硬件负载均衡、DNS负载均衡 扩展 二层负载均衡&#xff1a;在数据链路层&#xff0c;基于MAC地址进行流量分发&#xff0c;较少见于实际应用中 三层负载均衡&#xff1a;在网络层&#xff0c;基于IP地址来分配流量&#xff0c;例如某…...

编程日记 2026/1/12 9:59:30

Oracle 中的 NOAUDIT CREATE SESSION 命令详解

Oracle 中的 NOAUDIT CREATE SESSION 命令详解 NOAUDIT CREATE SESSION 是 Oracle 数据库中用于取消对用户登录会话审计的命令&#xff0c;它与 AUDIT CREATE SESSION 命令相对应。 一、基本语法 NOAUDIT CREATE SESSION [BY user1 [, user2]... | BY [SESSION | ACCESS]] …...

编程日记 2025/12/2 8:25:47

OutputStreamWriter 终极解析与记忆指南

OutputStreamWriter 终极解析与记忆指南 一、核心本质 OutputStreamWriter 是 Java 提供的字符到字节的桥梁流&#xff0c;属于 Writer 的子类&#xff0c;负责将字符流按指定编码转换为字节流。 注意&#xff1a;OutputStreamWriter也是一个字符流&#xff0c;也是一个转换…...

编程日记 2025/12/4 14:47:22

1022 Digital Library

1022 Digital Library 分数 30 全屏浏览 切换布局 作者 CHEN, Yue 单位 浙江大学 A Digital Library contains millions of books, stored according to their titles, authors, key words of their abstracts, publishers, and published years. Each book is assigned an u…...

编程日记 2025/12/5 10:43:23

LWIP学习笔记

TCP/ip协议结构分层 传输层简记 TCP&#xff1a;可靠性强&#xff0c;有重传机制 UDP&#xff1a;单传机制&#xff0c;不可靠 UDP在ip层分片 TCP在传输层分包 应用层传输层网络层&#xff0c;构成LWIP内核程序&#xff1a; 链路层&#xff1b;由mac内核STM芯片的片上外设…...

编程日记 2026/1/12 16:33:52

Nodejs Express框架

参考&#xff1a;Node.js Express 框架 | 菜鸟教程 第一个 Express 框架实例 接下来我们使用 Express 框架来输出 "Hello World"。 以下实例中我们引入了 express 模块&#xff0c;并在客户端发起请求后&#xff0c;响应 "Hello World" 字符串。 创建 e…...

编程日记 2026/1/16 21:21:48

LeetCode面试热题150中19-22题学习笔记（用Java语言描述）

Day 04 19、最后一个单词的长度 需求&#xff1a;给你一个字符串 s&#xff0c;由若干单词组成&#xff0c;单词前后用一些空格字符隔开。返回字符串中 最后一个 单词的长度。 单词 是指仅由字母组成、不包含任何空格字符的最大子字符串。 代码表示 public class Q19_1 {p…...

编程日记 2025/12/1 3:20:31

道路运输安全员企业负责人考试内容与范围

道路运输企业主要负责人&#xff08;安全员&#xff09;考证要求 的详细说明&#xff0c;适用于企业法定代表人、分管安全负责人等需取得的 《道路运输企业主要负责人和安全生产管理人员安全考核合格证明》&#xff08;交通运输部要求&#xff09;。 考试内容与范围 1. 法律法…...

编程日记 2025/12/4 1:56:25

Visual Studio Code 开发 树莓派 pico

开发环境 MCU&#xff1a;Pico1&#xff08;无wifi版&#xff09;使用固件&#xff1a;自编译版本开发环境&#xff1a;Windows 10开发工具&#xff1a;Visual Studio Code 1.99.2开发语言&#xff1a;MicroPython & C 插件安装 找到Raspberry Pi Pico并安装开启科学上网…...

编程日记 2026/1/8 11:06:17

Oracle 11G RAC 删除添加节点（一）：删除节点

1、查看节点删除前的资源状态 用集群资源查看命令查看一下状态 1 [gridlvmrac1 ~]$crsctl stat res ‐t 2 ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐…...

编程日记 2025/12/1 17:31:09

面试宝典(C++基础)-02

文章目录 1.C++基础1.1 说说new和malloc的区别1.2 说说const和define的区别。1.3 说说C++中函数指针和指针函数的区别1.4 说说const int *a, int const *a, const int a, int *const a, const int *consta分别是什么，有什么特点。1.5 说说使用指针需要注意什么？1.6 说说内联函…...

编程日记 2025/12/2 2:20:40

express框架使用cors包解决跨域问题时，还是存在问题的原因。

express框架使用cors包解决跨域问题时&#xff0c;还是存在问题的原因。 今天我在使用express框架写一个后台管理系统时&#xff0c;发现存在这样的问题&#xff0c;那就是跨域问题&#xff0c;但是我明明是使用了 cors 包解决了跨域问题了。当我调用其他接口的时候&#xff0…...

编程日记 2025/12/1 21:27:05

Python与R语言用XGBOOST、NLTK、LASSO、决策树、聚类分析电商平台评论信息数据集

全文链接&#xff1a;https://tecdat.cn/?p41501 分析师&#xff1a;Rui Liu 在当今数字化浪潮席卷的时代&#xff0c;电商市场的蓬勃发展犹如一部波澜壮阔的史诗&#xff0c;蕴藏着无尽的商业价值与潜力。电商平台积累的海量数据&#xff0c;宛如一座等待挖掘的宝藏&#xff…...

编程日记 2026/1/7 11:20:03

半导体制造如何数字化转型

半导体制造的数字化转型正通过技术融合与流程重构&#xff0c;推动着这个精密产业的全面革新。全球芯片短缺与工艺复杂度指数级增长的双重压力下&#xff0c;头部企业已构建起四大转型支柱&#xff1a; 1. 数据中枢重构产线生态 台积电的「智慧工厂4.0」部署着30万物联网传感器…...

编程日记 2026/1/14 19:20:21