Appearance
工程化与性能 模块学习地图
模块价值
工程化与性能 模块不是一串题目目录，而是一组围绕 指标治理、构建版图、发布约束 展开的知识面。真正有用的复习方式，是先识别题型，再建立主链，最后把答案落回真实系统。
阅读顺序
- 第 1 步：先读 Babel 与 TypeScript 转译：语法降级、类型擦除与职责边界，先建立 治理型 题的回答骨架。
- 第 2 步：先读 前端构建版图：Bundler、Transpiler、Minifier 与 Dev Server 的分工，先建立 治理型 题的回答骨架。
- 第 3 步：先读 大列表优化：虚拟滚动、分片与交互稳定性，先建立 治理型 题的回答骨架。
- 第 4 步：先读 监控与治理：错误、性能与发布回归如何闭环，先建立 治理型 题的回答骨架。
- 第 5 步：先读 前端性能指标：LCP、CLS、INP、TTFB 与用户感知，先建立 治理型 题的回答骨架。
- 第 6 步：先读 Tree Shaking 与 Code Splitting：删掉不用的代码和推迟加载不是一回事，先建立 治理型 题的回答骨架。
题型分层
- 治理型题目：6 篇，复习时优先把同类题放在一起比较。
高频主链
- 先抓 指标治理，再补 构建版图，最后回到 发布约束 和真实项目
- 工程化与性能 模块内部的问题不要平铺理解，最好按“题型 -> 主链 -> 项目映射”三层推进
- 读完之后仍然不能把题目挂回系统上下文，说明模块主链还没有搭起来
跨模块连接
- 工程化与性能 经常和 网络请求 一起出现，复习时最好连读。
- 工程化与性能 经常和 安全与稳定性 一起出现，复习时最好连读。
- 工程化与性能 经常和 项目表达与系统设计 一起出现，复习时最好连读。