主题
24 · 专题复盘合集
目标：把本系列收成可复习、可面试口述的「问题 → 取舍 → 默认做法」卡片；系列收束。
1. 怎么用这篇
每学完一篇正文，回来填一行。面试前只翻本页。模板：
text
问题：……
取舍：A vs B，我选……因为……
默认做法：……
验收证据：demo / 截图 / 仓库路径……1
2
3
4
2
3
4
2. 阶段 1 复盘卡（优先填满）
| # | 专题 | 问题（一句话） | 取舍 | 默认做法 | 证据 |
|---|---|---|---|---|---|
| 01 | Monorepo | ||||
| 02 | 微前端 | ||||
| 03 | Three.js | ||||
| 04 | 工程化 | ||||
| 05 | 性能 | ||||
| 06 | TypeScript | ||||
| 07 | 状态层 | ||||
| 08 | 事件循环 | ||||
| 09 | 网络鉴权 | ||||
| 10 | 安全 |
示例（01 可抄改）
- 问题：多应用如何共享工具与统一脚本还不乱？
- 取舍：polyrepo 独立 vs monorepo 一次 PR；产品一体选 monorepo。
- 默认做法：pnpm workspace +
apps/*+packages/*，根脚本--filter。 - 证据：Journal 根
package.json。
3. 阶段 2 / 3 速查
| # | 专题 | 一句话默认做法（可改） |
|---|---|---|
| 11 | Canvas | 标准图用库；海报/像素级自绘并处理 DPR |
| 12 | Shader | 标准材质优先；特效再 Shader；少裸 WebGL |
| 13 | Worker | 重计算/解析卡主线程再丢 Worker |
| 14 | 动画 | 能 CSS 就 CSS；要编排/中断再 WAAPI/库 |
| 15 | 设计系统 | Token → 组件 → 文档；先高频再完备 |
| 16 | a11y | 语义 HTML 优先；弹层必测键盘焦点 |
| 17 | i18n | key 化文案；日期数字走 Intl；勿拼接句子 |
| 18 | PWA | 有离线/安装诉求再上；做好更新策略 |
| 19 | 测试 | 测关键逻辑；E2E 保 P0；Mock 清边界 |
| 20 | 监控 | 错误+性能+RequestId 可串联 |
| 21 | CI | lint/type/test/build 进 PR 门禁 |
| 22 | 跨端 | 按端能力设计；分包与条件编译克制用 |
| 23 | SSR | SEO/首屏需要再 SSR；注意水合一致 |
4. 面试口述模板（STAR 缩略）
text
S：项目遇到 ____（体积/卡顿/多包/双端不一致）
T：目标是 ____（可量化）
A：对比了 ____，选择 ____，踩过 ____
R：结果 ____（数字/上线/可演示 demo）1
2
3
4
2
3
4
从复盘表里抽 2～3 个专题练 90 秒口述。
5. 系列验收
- [ ] 阶段 1 至少 4 张卡填完「取舍 + 默认做法」
- [ ] 至少 1 个可演示亮点（Three / Canvas / 性能前后对比）
- [ ] 至少 1 个工程向证据（monorepo / CI / 鉴权刷新）
- [ ] 能指向 README 索引任意一篇
6. 结束
本系列正文到此收束。索引与阅读顺序见 → README。
框架手敲继续走 → react进阶；算法 / Go 见 blog 其他目录。