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

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

相关推荐
晨米酱2 天前
AGENTS.md:Agent 的上下文策略层
面试·架构·agent
彧azz2 天前
Linux 环境下 Redis 学习总结:数据类型、持久化、锁、事务、主从与缓存问题
linux·redis·笔记·学习·面试
CoderYanger2 天前
A.每日一题:835. 图像重叠
java·开发语言·程序人生·leetcode·面试·职场和发展·学习方法
爱学习的执念2 天前
助力金九银十1000道软件测试面试题(功能、接口、自动化、WEB、APP.......)附答案
软件测试·面试
小的~~2 天前
银河麒麟V10 ARM部署TDengine(涛思)工业时序数据库安装与测试
面试·程序员创富
小刘在重生~3 天前
Oracle_day2 单行函数|组函数|分组|伪列|子查询|分页|多表连接
笔记·oracle·面试
Sam_Deep_Thinking3 天前
关于java final关键字的可见性
java·后端·面试·程序员
Rain的Java大神之路3 天前
如何快速上传10G文件
java·spring boot·redis·后端·mysql·spring cloud·面试
淡海水3 天前
13-04-面试-源码级深度追问链
数据结构·unity·面试·c#·游戏引擎·源码·il2cpp
小刘在重生~3 天前
Java Lock 显式锁案例|ReentrantLock 解决多线程安全问题(超详细实战)
java·笔记·面试