A · 前端 计划
本文件是 A 域进度的唯一权威。总计划见 ../PLAN.md，规范见 ../GUIDE.md。
状态：⬜ 未开始 · 📝 草稿 · ✅ 已完成 · 🔄 待翻新 · ⏸ 暂缓 优先级：P0 常用必写 · P1 该有 · P2 有空写 · P3 候选
最后更新：2026-09-04
域定位
React / Vue / TypeScript 与浏览器体系的系统性沉淀。
写作原则：这是前端本身的知识，不是 Flutter 的学习材料。 跨端对照属于 B 域（学习侧），本区不重复做对照，最多在相关文档处留一句指路。
一、已写（✅）
| ID | 主题 | 形态 | 等级 | 优先级 | 文件 |
|---|---|---|---|---|---|
| A01 | 跨端方案横向对比：RN / uni-app / Flutter / 小程序 | 解释 | 初级 | P0 | 01-跨端方案横向对比 |
| A02 | 前端工程化：Vite / Monorepo / 微前端 | 解释 | 中级 | P0 | 02-前端工程化 |
| A03 | TypeScript 进阶：类型体操与 Dart 对照 | 教程 | 中级 | P1 | 03-TypeScript进阶与Dart对照 |
| A04 | 浏览器与网络 | 解释 | 初级 | P0 | 04-浏览器与网络 |
| A05 | React 与 Vue 核心机制对比 | 解释 | 中级 | P1 | 05-React与Vue核心机制对比 |
| A06 | CSS 布局体系 | 教程 | 初级 | P0 | 06-CSS布局体系 |
| A07 | 状态管理演进与选型 | 解释 | 中级 | P0 | 07-状态管理演进与选型 |
| A08 | 前端安全 | 教程 | 中级 | P0 | 08-前端安全 |
| A09 | JavaScript 运行时 | 解释 | 高级 | P1 | 09-JavaScript运行时 |
| A10 | Web 性能优化：治理手段 | 操作指南 | 中级 | P1 | 10-Web性能优化 |
| A11 | 前端测试策略 | 操作指南 | 中级 | P1 | 11-前端测试策略 |
| A12 | 前端可观测性与线上排障 | 操作指南 | 高级 | P1 | 12-前端可观测性与线上排障 |
| A13 | 渲染模式：CSR / SSR / SSG / ISR / RSC | 解释 | 高级 | P2 | 13-渲染模式 |
| A14 | 组件 API 设计与设计系统 | 解释 | 高级 | P2 | 14-组件API设计与设计系统 |
| A15 | 路由与数据加载 | 操作指南 | 初级 | P2 | 15-路由与数据加载 |
| A16 | CI/CD 与部署运维 | 操作指南 | 中级 | P2 | 16-CI与CD与部署运维 |
| A17 | 前端架构分层与模块边界 | 解释 | 高级 | P2 | 17-前端架构分层与模块边界 |
| A18 | 手写题与代码设计 | 教程 | 中级 | P0 | 18-手写题与代码设计 |
| A19 | 前端设计模式 | 解释 | 中级 | P1 | 19-前端设计模式 |
| A20 | 框架底层原理：Fiber 与响应式 | 解释 | 高级 | P0 | 20-框架底层原理 |
| A21 | 构建工具原理：AST 与打包 | 解释 | 高级 | P1 | 21-构建工具原理 |
| A22 | Web 平台能力（浏览器新特性） | 解释 | 高级 | P2 | 22-Web平台能力 |
| A23 | Node.js 与 BFF | 操作指南 | 高级 | P2 | 23-Node与BFF |
| A24 | 微前端架构落地 | 操作指南 | 资深 | P2 | 24-微前端架构落地 |
| A25 | 前端性能度量与诊断 | 操作指南 | 高级 | P2 | 25-前端性能度量与诊断 |
| A26 | 脚手架原理与实战：自研 CLI | 教程 | 资深 | P1 | 26-脚手架原理与实战 |
| A27 | 主流脚手架与工程化平台对比 | 解释 | 中级 | P2 | 27-主流脚手架对比 |
| A28 | 代码生成与规范化工具链 | 操作指南 | 资深 | P2 | 28-代码生成与规范化工具链 |
A18~A25为深入 · 面试向分组，A26~A28为脚手架分组。 职责分工见本节末尾「容易撞车的分工」。
二、待写（⬜）
暂无 —— A 域规划内的 28 篇已全部完成。
后续若要扩展（如 WebGL / 数据可视化、低代码与可视化搭建、国际化与本地化）， 先在本表登记主题与优先级，再开写（见 GUIDE.md「新增一篇文档」）。
容易撞车的分工（维护必读）
| 篇目 | 职责边界 |
|---|---|
| A09 vs A18 | A09 讲机制（事件循环 / GC / 模块），A18 讲手写实现 |
| A05 vs A20 | A05 横向对比选型，A20 纵向深入实现 |
| A02 vs A21 | A02 选型与工具使用（Vite / Monorepo / 微前端），A21 底层原理（AST / Babel / 打包） |
| A02 vs A24 | A02 判断"该不该上微前端"，A24 解决"上了怎么落地" |
| A10 vs A25 | A10 给优化手段，A25 给度量与诊断方法 |
| A02 vs A26/A27/A28 | A02 是工程化选型；A26 脚手架原理与自研、A27 脚手架选型对比、A28 研发流程自动化与门禁 |
⚠️ 算法类（链表 / 树 / DP / LeetCode）不进 A 域，归面试题区
IA 算法与数据结构，避免 A 域膨胀成"什么都装"的筐。
三、待翻新（🔄）
| ID | 主题 | 原因 | 处理方案 |
|---|---|---|---|
| TypeScript 进阶与 Dart 对照 | Dart 对照部分与 B 域各篇的前端对照重复 | 已翻新（2026-10-01，方案一改良版）：删掉与 B 域重复的第三、四章（sealed/freezed 细节），改为「只给对照地图不给细节」+ 指路到 Flutter 01 篇第七、八节；保留第一章（类型擦除 vs 类型具体化，经核查 B 域全无此内容，属全库独有）；章节顺延重编号（537 → 393 行）。B 域 01 篇「下一步」补一条反向指路 |
四、本域的配套形态区
| ID | 类型 | 现有内容 |
|---|---|---|
SE01 ~ SE03 | 速查 | Git / Shell / 正则（属 E 域，非本域） |
| — | 速查 | 本域暂无速查，可按需建 cheatsheets/ 下的 CSS / TS / 手写题速查 |
| — | 踩坑 | 本域暂无踩坑，可按需建 troubleshooting/ 下的前端踩坑 |