2025.3.30前端模拟面试

涉及 基础知识、手写代码、项目经验 和 开放性问题，主要围绕 Vue 3、TypeScript、微前端等方向展开。

---

一、基础知识

1. Vue 3 响应式原理是如何实现的？与 Vue 2 相比有哪些优化？

2. 说说 Vue 3 的 setup 函数执行时机？如果要在 setup 里访问 this，应该怎么办？

3. Vue 3 组件通信的方式有哪些？分别适用于哪些场景？

4. 解释一下 watch 和 watchEffect 的区别，它们在使用时需要注意什么？

5. 介绍一下 Composition API 和 Options API 的区别，为什么 Vue 3 推荐使用 Composition API？

6. TypeScript 中 interface 和 type 有什么区别？什么时候应该用 interface，什么时候用 type？

7. 说说 Event Loop 机制，setTimeout 和 Promise 在事件循环中的执行顺序是什么？

8. 了解 HTTP/2 和 HTTP/3 吗？它们相比 HTTP/1.1 有哪些优势？

9. 你在项目中如何优化前端性能？能举几个实际优化案例吗？

10. 介绍一下微前端的实现方式，你们的项目为什么选择了 qiankun？

---

二、手写代码

1. 手写一个 Vue 3 的自定义指令，实现元素进入视口时自动触发回调函数。

2. 手写一个 useDebounce 组合式函数，要求支持泛型，并返回防抖后的值。

3. 手写一个 deepClone 函数，能够深拷贝对象，支持 Map、Set、Date 等特殊对象。

4. 手写一个 Promise.all 实现，支持所有传入的 Promise 并行执行，返回一个数组结果。

5. 手写一个 LRU 缓存，要求支持 get 和 put 方法，put 需要保证超出容量时淘汰最久未使用的项。

---

三、项目经验

1. 你在项目中遇到过哪些 Vue 3 的坑？是怎么解决的？

2. 你们项目的微前端架构是如何设计的？如何处理子应用的公共依赖问题？

3. Vue 组件库迁移过程中，有哪些技术挑战？你是如何保证无故障迁移的？

4. Webpack 迁移到 Rspack 后，具体提升了哪些性能指标？（虽然不考 Rspack，但可以看看你的优化思路）

5. IMSDK 插件体系抽象后，有哪些明显的业务收益？如何设计 API 让插件更易于扩展？

---

四、开放性问题

1. 你怎么看待前端的发展趋势？如果让你设计一个前端架构，你会做哪些决策？

2. 如果一个页面加载很慢，你会如何分析它的性能瓶颈？

3. 你的技术成长路径是什么样的？1.5 年后，你想成为怎样的前端开发者？

4. 你在团队合作中遇到过哪些挑战？如何与后端或产品高效协作？

5. 你在学习 TypeScript 过程中踩过哪些坑？有哪几个对你帮助最大？

---

这套题目既包含 Vue 3 相关的八股文，也涉及项目经验和手写代码。你可以试着回答一下，或者告诉我你更想专注在哪部分，我可以调整难度或者增加细节。