全栈前端学习路线

学习目标：在已有 JavaScript、Vue、浏览器与性能笔记上，补齐页面交付能力，并分别完成 Vue、React 两套前端。

1. 语言与浏览器基础

先确认能解释 JS 基础、Promise、模块化、TypeScript 基础 与 浏览器渲染。能从一次点击追踪到事件处理、状态变化、请求、响应和重新渲染，才算真正连起来。

2. 页面与应用层

1. 语义化 HTML 与现代 CSS：响应式布局、表单和键盘操作。
2. TypeScript 与应用架构：运行时数据边界和按功能组织代码。
3. 状态、数据获取与表单：本地、URL 和服务端状态。
4. 前端测试与可访问性：组件测试、E2E、键盘路径。
5. 安全、性能与交付：浏览器安全、性能量测和发布验证。
6. 构建、部署与浏览器调试：生产资源路径、SPA 刷新、缓存与网络排查。

3. 两条框架路线

两版都实现 综合项目 的同一 API 与验收标准。先实现一版到可测试、可部署，再做另一版；这样比较的是框架设计，而不是两个不完整的原型。

4. 验收

• 能解释数据从表单到 API、数据库再回到界面的全过程。
• 加载、空结果、失败、无权限和网络取消都有明确反馈。
• 两版都通过关键组件与端到端测试，并可在窄屏与键盘下完成核心流程。
• 能用实际指标说明一次性能优化前后的变化。