中级前端工程师实战训练营

先看值不值得学：它解决什么场景

这套资料聚焦的是中高级前端在业务落地中最容易卡壳的环节：用 TypeScript 给 Vue 和 React 项目做类型约束、在新旧框架版本交替时做选型、以及用 BFF 思路处理前后端数据层。它不是带你从零写 HTML 的入门课，默认你已经有基础的框架使用经验，能跑通简单的增删改查页面。如果你目前困在重复写业务页面、简历上只能写熟练使用某框架、遇到复杂状态管理和接口联调就发怵，这套课的思路是把这些散点串成一套能独立负责中大型前端工程的工作方法。适合有一到两年实际开发基础、想往中级工程师靠拢的在职者，纯零基础转行建议先补基础再看。

学完能独立做什么

跟着走下来，你能独立完成几件具体的事：一是给一个现有的 Vue 或 React 项目补齐 TypeScript 类型体系，不再到处写 any，能定义清晰的接口和泛型；二是在 Vue2 和 Vue3 之间做合理选型，用 Vite 搭建项目并配好 ESLint 和单元测试的基本流程；三是在 React 项目里用 CLI 快速起手，并用 Recoil 这类新状态库管理跨组件数据；四是理解 BFF 的定位，知道什么场景下前端需要自己加一层来做数据聚合和裁剪，而不是把所有逻辑都堆在页面里。这些能力组合起来，对应的正是很多公司招中级前端时考察的独立负责模块的能力，而不是只会按设计图切图。

资料怎么配合练习，建议先看哪几块

资料按模块组织，建议不要从头到尾顺序刷，而是按你手头最缺的能力优先看。第一块先看 TypeScript 部分，尤其是高级技巧那两讲，把类型体操和实际项目里怎么用类型收敛接口搞清楚，这是后面所有框架实战的基础。第二块直接进入你当前工作中用得最多的那个框架，如果你在用 Vue，就看 Vue 实战指南里的 Vuex 加 TypeScript 优化以及 Vue3 用 Vite 实战那几讲；如果你在用 React，就看 React 实战手册和 Recoil 状态管理那部分。第三块是 BFF 实战，这块内容相对独立，建议在你把前面某个框架跑通后再看，配合自己起一个本地小项目，试着用 TypeScript 写一个简单的数据聚合接口。最后那部分关于简历和同学案例的内容，建议在你准备实际投递前再翻，重点看别人怎么把项目经验拆成可量化的描述，而不是当成理论课来听。整份资料的价值在于实战思路，光看不练很快会忘，务必边看边在自己仓库里改。