如果你已经能独立用 Vue 或 React 写出页面、调通接口、配好路由，但一遇到「首屏白屏三秒」「打包产物 4MB」「组件库改一个样式全局崩」这类问题就心里没底，那说明你的能力卡在了「会用」和「会做工程」之间。这门课针对的正是这段空隙——它不教你框架怎么上手，而是假定你已经写过项目，然后逼你回答那些面试官爱问、线上事故也爱出的问题。

先自查：这几个问题你能不能当场答上来

不用急着看内容，先拿下面几道题给自己打分。答不上来的，基本就是这门课要补的缺口：

浏览器从输入 URL 到页面可交互，中间哪些环节可以人为干预？分别怎么测、怎么改？
打包体积大，你怎么定位是哪个依赖、哪段代码贡献的？拆包策略按什么维度切才合理？
一份代码要同时跑在 Web、小程序或桌面端，哪些层可以复用，哪些层必须重写？
团队里十个人写同一套组件，怎么保证样式和状态不互相污染？
线上报错你能拿到什么信息，怎么从一条堆栈反推到源码位置？

这些问题不是背诵题，而是动手题。课程围绕它们展开，主题集中在现代前端技术栈的工程化落地：构建与产物分析、运行时性能与加载性能的区分处理、组件设计中的样式隔离与状态边界、跨端方案的分层思路，以及配套的调试与监控手段。注意，它讲的是「为什么这样选」和「选了之后会踩什么」，而不是罗列 API。

它适合谁，不适合谁

适合的人：写过至少一个完整上线项目，能看懂构建配置但不敢大改，最近在准备跳槽或转岗到更高的前端职级，需要一个外部标准来定位自己差在哪。

不适合的人：还没写过组件、不清楚生命周期和状态管理基本用法的话，直接进来会跟不上，建议先把基础项目完整做一遍再来。这门课不补语法，只补工程判断力。

看的时候建议怎么练

只跟着看很容易产生「我懂了」的错觉。比较有效的做法是：每看完一个主题，回到自己手上的项目里找一个对应的真实问题去改。比如学完构建分析，就真去跑一次产物体积报告，找出最大的三个依赖，想清楚哪个能换、哪个能按需引入、哪个动不了。学完性能相关的内容，就用真实页面测一次加载指标，记录改动前后的数字。没有数据对比的学习，等于没学。

另外建议准备一份「问题清单」，把看课过程中没听懂、或者和自己项目对不上的地方记下来，隔几天回头再看。高级前端的分水岭往往不在知识点本身，而在于你能否把零散结论串成一套可复用的判断依据。

看完你应该能回答

面对一个加载慢的页面，你的排查顺序是什么，每一步看什么指标？
同样是复用代码，什么情况下该抽组件，什么情况下该抽 hooks 或工具函数？
跨端项目里，你把业务逻辑放在哪一层，为什么？
如果让你给团队定一套前端工程规范，你会先动哪三件事？

能把这些讲清楚，比记住多少配置项都有用。缺什么补什么，别假装什么都会——先诚实面对自己的空白，再逐条填上。