系统学习路线

从 Web 基础开始，沿着浏览器、框架、工程交付、性能、项目场景和算法逐层建立能力模型。

适合搭建知识体系、补齐基础或准备进入前端开发的人。建议 6–10 周，按阶段完成练习7 个阶段 · 88 篇重点文章

阶段 1

01 · Web 基础

能解释页面结构、布局、脚本执行和语言核心行为。

检查点

用自己的话说明一次用户点击从 DOM 事件到页面更新的完整链路。

阶段 2

建立从 URL 到像素、从请求到安全边界的端到端模型。

检查点

遇到白屏或接口慢时，能先按浏览器、网络、服务端三层定位。

阶段 3

选择 React 或 Vue 作为主线深入，并能把另一套框架映射到相同问题。

检查点

针对一个列表页，说明状态、渲染、缓存和性能优化分别由谁负责。

阶段 4

理解代码如何被协作、构建、发布、监控和回滚。

检查点

为一次线上发布写出构建产物、监控指标和回滚入口。

阶段 5

从用户指标出发定位网络、渲染、运行时和构建瓶颈，并建立持续治理。

检查点

为一个真实页面记录基线、提出最小改动、做对照验证并准备回滚。

阶段 6

把原理转成可落地的请求、权限、上传、渲染和排障方案。

检查点

面对一个模糊需求，先澄清约束，再给出状态机、指标和失败降级。

阶段 7

用复杂度、状态和不变量组织解题，而不是背孤立代码。

检查点

每道题都先说模型、边界、复杂度，再写最小正确实现。