系统架构面试题

一、进阶题

1. 什么是前端架构？它和框架有什么关系？进阶

2. 简述 MVC、MVVM、MVP 的区别，并举例前端中的应用。进阶

3. 为什么前端需要 BFF？直接调用后端微服务有什么问题？进阶

4. 什么是 DDD？前端如何借鉴 DDD 思想？进阶

5. 解释单一职责原则（SRP）在前端组件设计中的应用。进阶

6. 什么是依赖倒置原则？举一个前端代码示例。进阶

7. 你如何理解“康威定律”？它对前端架构有什么影响？进阶

8. 分层架构中，UI 层、业务逻辑层、数据访问层各自应该做什么？进阶

二、高级题

9. 你在项目中如何落地模块化？遇到的最大挑战是什么？深入

10. 什么是防腐层？为什么前端也需要它？深入

11. 如何评估一个项目是否需要引入微前端？深入

12. 设计一个电商系统的前端状态管理方案，说明如何组织状态。深入

13. 你如何处理前端项目中的“技术债”？深入

14. 什么是“开闭原则”？前端中如何实现？深入

15. 如何设计一个可扩展的前端组件库？深入

三、架构级题

16. 假设你要从零设计一个日活千万级的内容社区前端架构，你会关注哪些关键点？基础

17. 你在设计前端架构时，如何平衡“交付速度”和“代码质量”？基础

18. 描述一次你主导的前端架构演进经历，遇到了哪些问题，如何解决的？基础

参考答案（模板，需结合自身经历）：

背景：某项目从 jQuery 单体应用演进为 React + TypeScript 现代应用。

问题：

1. 老代码高度耦合，无法直接重写。
2. 团队对新技术栈不熟悉。
3. 业务不能停，需要渐进式迁移。

解决方案：

1. 采用微前端或 iframe 方式逐步嵌入新页面。
2. 先从独立新功能开始用新框架开发。
3. 建立公共组件库和状态管理规范。
4. 补充 E2E 测试保障迁移不破坏核心流程。
5. 制定迁移路线图，分阶段执行。

成果：核心模块迁移完成，构建时间减少，Bug 率下降，团队开发效率提升。

评分维度：

• 有真实项目背景（30%）
• 问题分析清晰（30%）
• 解决方案可落地（40%）

---

19. 如何在前端团队中推动架构规范的落地？基础

20. 如果你发现一个项目的架构严重影响了业务发展，但重写成本极高，你会怎么做？基础

21. 谈谈你对“前端工程化”的理解，它在前端架构中处于什么位置？基础

22. 你如何评价一个前端架构设计的好坏？基础

23. 什么时候应该选择 Server-Driven UI？它和低代码平台有什么区别？基础

难度：🟡

考察点：SDUI、低代码、架构选型。

24. 微内核架构和微前端有什么区别？基础

难度：🟡

考察点：微内核、微前端、架构模式对比。

25. 什么是六边形架构？它如何解决前端测试难的问题？基础

难度：🟡

考察点：六边形架构、整洁架构、可测试性。

26. 面对一个复杂业务系统，你会如何选择前端架构模式？基础

难度：🔴

考察点：架构选型、决策框架、综合能力。