从弹窗管理、表单校验到 API 请求封装，用单例/命令/策略/代理/装饰器模式 把前端最常见的三块重复代码，重构成可扩展、可测试的结构。

Vue 响应式系统本质是观察者模式、React 声明式 UI 本质是组合模式； 看透两大框架底层的设计模式，比死背 API 更能扛住原理类面试题。

前端最核心的行为型模式：观察者 vs 发布订阅（Vue 响应式的底层）、策略模式（替代 if/else 地狱）。

结构型模式三兄弟：适配器、代理、装饰器——意图差异、前端落点（HOC、Proxy、API 兼容层）。

前端最常用的三种创建型模式：单例、工厂、建造者，以及它们在现代框架和业务中的真实落点。

把测试接入 CI 流水线：分层触发、视觉回归（截图对比）、性能回归（Lighthouse CI），让质量保障自动化运转。

测试策略设计的核心：测试金字塔的现代演化、覆盖率目标的正确设定、各层级分工与成本权衡。

端到端测试：用真实浏览器模拟真实用户操作完整业务流程，Playwright 与 Cypress 的核心用法与选型。

组件测试的核心哲学：像用户一样测试，而不是测试实现细节。查询优先级、异步测试、事件触发。

单元测试三大支柱：断言、Mock、覆盖率，以及为什么"难以测试的函数往往是设计不良的函数"。