学习路线
站里有 300 多篇笔记,但按什么顺序读没人告诉你。这一页就是那个顺序。 四条路线,每条都标了「第几周读哪几篇、练什么」。链接直接点,读完打勾。
路线怎么选
每条路线只指向知识点笔记。刷题和面试口径自己另算 —— 学完一篇就去写代码,比连读三篇有用。
路线一:前端,从零到能干活
第 1–2 周:语言地基
验收:不看资料写出「防抖 / 节流 / 深拷贝」,能讲清 this 的四种绑定。
第 3–4 周:框架
| 读什么 | 练什么 |
|---|
| Vue(重点:响应式原理、组合式 API) | 用 Vue3 + Vite 做一个待办列表 |
| React(重点:Hooks、状态管理) | 同样的待办用 React 再做一遍 |
验收:能解释「Vue 的响应式和 React 的不可变更新有什么区别」。
第 5–6 周:工程化
| 读什么 | 练什么 |
|---|
| Vite → Webpack | 手写一份 vite.config / webpack.config |
| 前端工程化 | 配 ESLint + Prettier + husky |
| 代码规范 | 给上面的项目加提交规范 |
验收:能讲清「为什么 Vite 比 Webpack 快」,能独立配一个新项目。
第 7–8 周:TypeScript
验收:能写泛型约束、能理解 type 与 interface 的取舍。
第 9–10 周:性能与深度
| 读什么 | 练什么 |
|---|
| 性能优化 | 用 Lighthouse 给自己的项目打分并优化到 90+ |
| 浏览器技巧 | 会用 DevTools 看渲染、看内存 |
| 设计模式(前端) | 把项目里重复的 if-else 抽成策略表 |
第 11–12 周:收尾
验收:有一个能跑、有测试、能部署的前端项目。
路线二:Java 后端
第 1–2 周:语言
第 3 周:并发(最重要的一周)
验收:能讲清 AQS、锁升级、线程池七参数,能手写一个不崩的线程池。
第 4 周:运行时
第 5–6 周:框架
第 7 周:中间件
第 8 周:分布式与运维
数据库单独走:MySQL 深入 → Redis → 分库分表。 建议穿插在第 5–7 周,别堆到最后。
路线三:全栈,一个人把产品做出来
周 1–4 前端基础(路线一的第 1–4 周)
周 5–8 Java 语言 + 并发 + 框架(路线二的第 1–6 周,可压缩)
周 9 数据库:MySQL 深入 + Redis
周 10 部署:Linux + Docker + Nginx
─────────── 然后做一个真项目 ───────────
周 1–4 前端基础(路线一的第 1–4 周)
周 5–8 Java 语言 + 并发 + 框架(路线二的第 1–6 周,可压缩)
周 9 数据库:MySQL 深入 + Redis
周 10 部署:Linux + Docker + Nginx
─────────── 然后做一个真项目 ───────────
1
2
3
4
5
关键不是「都学一遍」,而是第 11 周开始做一个有登录、有数据库、有部署的项目。参考这条真实的落地过程:
部署部分的最低要求:
路线四:AI 应用落地
前提:会写一门后端语言(Java 或 Python),有 Web 服务的基本功。
第 1 周:搞清楚模型能干什么
第 2–3 周:RAG(最实用的一块)
验收:有一份 20 条问题的评估集,能说出 Recall@5 是多少。
第 4 周:工具调用
第 5 周:Agent
第 6 周:能上线
验收:能讲清「为什么后端接模型而不是前端直连」,以及成本怎么控。
用法建议
- 别按周死磕:一周的量按自己节奏拆,但别跳着读(后面的文章默认你懂前面的)。
- 每篇读完整一段代码:站里的示例都是能跑的最小片段,抄一遍比读三遍管用。
- 读不下去就换:卡住超过 20 分钟,先去做练习,回头再看。
- 做完一个项目再回来补:很多概念是「用过了才看懂」。