资深前端核心教程
这份教程是 资深前端前置能力大纲 的正文展开。它面向 5 到 8 年经验的前端开发者，不重复基础语法，而是把运行时、类型系统、Node.js、事件插件、工程化、产品形态和系统设计整理成 15 个可学习和可验证的章节。
章节目录
| 章节 | 标题 | 深度 |
|---|---|---|
| 01 | 浏览器 JavaScript 运行时、异步与事件系统 | 深度 |
| 02 | TypeScript 类型系统与结构化设计 | 深度 |
| 03 | Node.js 运行时、事件循环与后端异步 | 深度 |
| 04 | 前端事件传递、注册与插件机制 | 深度 |
| 05 | 前端工程化、构建与架构 | 标准 |
| 06 | B 端中后台系统 | 标准 |
| 07 | C 端产品、体验与渲染架构 | 标准 |
| 08 | 数据可视化与大屏交互 | 精简 |
| 09 | 跨端开发：uni-app、小程序、H5 与多端桥接 | 精简 |
| 10 | Electron 桌面应用与本地运行时 | 精简 |
| 11 | 安全、权限与数据边界 | 标准 |
| 12 | 性能优化与可观测性 | 标准 |
| 13 | 测试、质量体系与评估 | 精简 |
| 14 | 前端解决方案与系统设计 | 深度 |
| 15 | 技术负责人能力：方案评审、交付和团队协作 | 精简 |
深度分级
深度章包含完整执行顺序、状态变化、错误路径、代码示例和可运行验证。标准章保留核心原理和至少一个可操作代码示例。精简章保留必须掌握清单、面试追问、最小模板和 AI Agent 对照，不展开所有实现细节。
建议阅读顺序
第 1 阶段：运行时和异步基础
读第 1 到 3 章，重点掌握浏览器 Event Loop、Node.js Event Loop、AsyncIterable、取消语义和进程模型。
第 2 阶段：事件和工程化
读第 4 到 5 章，掌握事件注册、disposer、插件机制、包边界和构建体系。
第 3 阶段：产品形态
读第 6 到 7 章，掌握 B 端权限与审计，以及 C 端流式体验和渲染架构。
第 4 阶段：平台扩展
读第 8 到 10 章，掌握可视化、跨端和 Electron 的边界与入口。
第 5 阶段：系统级能力
读第 11 到 15 章，掌握安全、性能、测试、系统设计和技术负责人能力。
从这份教程进入 AI Agent
完成这份教程后，你应该能够：
- 解释异步流和取消机制，为理解 LLM 流式输出打底。
- 用 TypeScript 表达消息联合和工具 Schema。
- 理解 Node.js 进程、流和 SSE，为理解工具执行和会话日志打底。
- 设计事件和插件机制，为理解 Cordis、Tool Registry 和 Session Event 打底。
- 设计一个前端系统，为阅读 AI Agent 基础版和进阶版做好准备。
下一步阅读：