前端技术地图

本模块不重复 HTML、CSS 和框架入门，而是面向复杂业务与高级岗位责任，回答前端系统如何长期演进、稳定交付和支撑 AI 交互。

内容状态：建设中。 当前先公开能力边界与学习地图；Agent UX 相关正式文章已经开放，其余主题将逐步补齐。

六个能力域

能力域	需要掌握的核心问题
TypeScript 与浏览器基础	类型边界、运行时语义、事件循环、渲染与网络机制
应用架构	模块边界、状态建模、数据流、路由、错误与复杂交互
工程化与质量	构建链路、依赖治理、测试分层、发布策略和研发效能
性能与可观测性	Core Web Vitals、性能预算、监控、诊断与回归门禁
大型前端治理	微前端适用边界、设计系统、权限模型和跨团队标准
AI 交互工程	Streaming UI、Tool 审批、生成式 UI、工作区和产物状态

已开放的 AI 交互专题

• Agent 交互与信任
• Streaming UI
• Tool 调用与审批
• Generative UI
• Artifact 与 Workspace
• Vue Agent 应用

高级岗位完成标准

• 能用数据定位性能、稳定性和体验问题，而不是依赖主观感受。
• 能解释架构边界、迁移成本和 Why Not，并给出可分阶段落地的方案。
• 能通过工具链、标准和平台减少团队重复劳动，而不只优化个人开发速度。
• 能将 AI 的流式、不确定和长任务特征转化为可理解、可取消、可恢复的界面状态。