前端开发学习路线：从 HTML 到框架
前端入门简单，但学的东西特别杂：三件套、构建工具、框架、各种库。没有路线，很容易学完这个忘那个。按阶段推进，每个阶段有明确产出，心里就有底。
阶段一：HTML + CSS（2-4 周）
目标不是"看过教程"，而是能独立还原一个页面。具体掌握：
- HTML：常用标签、语义化、表单、表格；
- CSS：选择器、盒模型、Flex 布局、Grid 布局、响应式（媒体查询）；
- 产出：照着任意一个网站首页，用 HTML + CSS 做出一模一样的静态页面。
这个阶段最重要，后面所有东西都建立在它上面。CSS 布局练到"看到一个设计图能想象出结构"再往下走。
阶段二：JavaScript（1-2 个月）
先学语言本身，再学操作页面：
- 语法：变量、函数、数组、对象、循环、条件；
- DOM 操作：选元素、改内容、绑事件；
- 异步：Promise、async/await、fetch 请求接口；
- 产出：给阶段一的页面加交互——轮播图、Tab 切换、表单校验、请求接口渲染列表。
这个阶段不用碰框架。DOM 操作练熟，后面理解框架为什么存在会容易得多。
阶段三：工程化基础（2-4 周）
项目变大后需要工具管理：
- Git：提交、分支、合并（配合远程仓库）；
- 包管理器：npm 的安装、脚本、依赖概念；
- 打包工具：Vite 或 Webpack 的"会用"层面（跑起来、改配置够用就行）。
阶段四：框架（1-2 个月）
Vue 或 React 选一个深入。先理解核心概念（组件、状态、props、生命周期），再学路由和状态管理，最后用框架重写一遍阶段二的项目。
框架是工具不是目的。学了 Vue 再学 React 会快很多，因为组件化思想是相通的。
阶段五：进阶方向
基础扎实后，按兴趣选方向：性能优化、TypeScript、Node.js 全栈、可视化。前端是个可以一直往深走的方向，但前提是前四个阶段没跳步。
一句话总结：前端学习的核心是"做页面"，每个阶段都要有拿得出手的产出。没做过完整页面之前，不要急着学框架。