3.26前端模拟面试

包含 Vue 3、TypeScript、性能优化、工程化等方面,偏八股文。

基础知识

  1. Vue 3 响应式原理:Vue 3 如何实现响应式系统?Proxy 和 Reflect 的作用是什么?

  2. TypeScript 类型体操:实现一个 TypeScript 类型 DeepPartial,使其可以将所有属性递归地变为可选。

  3. 事件循环:宏任务和微任务的执行顺序是怎样的?requestAnimationFrame 何时执行?

工程化与优化

  1. 性能优化:如果 Vue 组件的 computed 在高频率更新时性能较差,你会如何优化?

  2. Tree Shaking:在 Webpack 或 Vite 中,如何确保你的代码可以正确进行 Tree Shaking?

  3. 前端监控:如何在 Vue 3 项目中埋点上报用户行为?如果要监控 Vue 组件的错误,如何实现?

手写代码

  1. 手写防抖和节流(不重复前面的版本):

手写一个 useDebounce 自定义 Vue 组合式 API,用于防抖输入框输入。

手写一个 useThrottle 组合式 API,实现节流逻辑。

  1. 实现 Promise.allSettled,要求符合 TypeScript 类型定义。

  2. 实现一个简单的 Diff 算法,模拟 Vue 3 patch 的核心思想(仅对比 key 的变化)。

  3. 解析 URL 参数:手写一个函数 parseQuery(url: string),将 URL 查询参数解析成对象。

你可以先选几道试试,我再根据你的反馈调整难度或者换题目。

相关推荐
发现一只大呆瓜5 小时前
虚拟列表:支持“向上加载”的历史消息(Vue 3 & React 双版本)
前端·javascript·面试
千寻girling6 小时前
Koa.js 教程 | 一份不可多得的 Node.js 的 Web 框架 Koa.js 教程
前端·后端·面试
程序员清风6 小时前
北京回长沙了,简单谈谈感受!
java·后端·面试
网络安全-杰克7 小时前
2026面试自动化测试面试题【含答案】
自动化测试·软件测试·面试·职场和发展
千寻girling10 小时前
主管:”人家 Node 框架都用 Nest.js 了 , 你怎么还在用 Express ?“
前端·后端·面试
xiaoxue..11 小时前
合并两个升序链表 与 合并k个升序链表
java·javascript·数据结构·链表·面试
猿小羽13 小时前
AIGC 应用工程师(3-5 年)面试题精讲:从基础到实战的系统备战清单
面试·大模型·aigc·agent·rag
boooooooom14 小时前
Pinia必学4大核心API:$patch/$reset/$subscribe/$onAction,用法封神!
javascript·vue.js·面试
试着14 小时前
【huawei】机考整理
学习·华为·面试·机试
石去皿14 小时前
【嵌入式就业6】计算机组成原理与操作系统核心机制:夯实底层基础
c++·面试·嵌入式