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 查询参数解析成对象。

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

相关推荐
怕浪猫4 小时前
第 1 章 FDE的崛起
面试
怕浪猫13 小时前
用了两年 AI 编程工具后,我重新理解了什么是「资深工程师」
算法·面试·架构
Brilliantwxx19 小时前
【C++】初入嵌入式C++复习-----经典面试题100道
开发语言·c++·算法·面试·职场和发展
蒸蒸yyyyzwd20 小时前
cpp 选手备战秋招学习笔记 day19
面试·求职招聘
leonkay1 天前
C# 特性(Attribute)——【1】基础讲解
开发语言·青少年编程·面试·c#·.net·个人开发
leonkay1 天前
C# 特性(Attribute)——【2】工业设备参数框架设计
经验分享·面试·架构·c#·学习方法·设计
小江的记录本1 天前
【AI Agent】《2026年9月 AI Agent全栈开发技术选型专项面试宝典》
java·spring boot·python·spring·ai·面试·ai编程
SamDeepThinking1 天前
里氏替换原则的盲区:为什么符合契约的List替换依然会失败?
后端·面试·程序员
水管在开花.2 天前
Agent范式与LangGraph-②零基础保姆级教程
人工智能·面试·langchain·agent
程序员-Benothing2 天前
数据库的脏读、不可重复读和幻读:从面试标准答案到源码级原理
数据库·面试·职场和发展