` 在某些情况下会被浏览器拆开？`position: sticky` 在什么条件下会失效？事件循环里微任务和宏任务的执行顺序到底怎么影响渲染？——答不上来。这些不是偏门知识，是日常开发里绕不开的东西。

我带过的一个实习生，培训出身，Vue 用得挺熟。有次线上出现一个诡异 bug：列表滚动到某个位置时，页面会闪一下。他查了两天没找到原因，最后我让他打开 Performance 面板录了一段。发现是 `v-for` 里绑定的 `key` 用了索引，列表更新时触发了不必要的 DOM 重排。他之前完全不知道 `key` 除了消除警告还有什么用。这就是典型的“框架会了，但浏览器没会”。

前端培训应该把顺序倒过来。先讲浏览器怎么解析 HTML、怎么构建 DOM 树、怎么计算样式和布局。学生理解了渲染流水线，再学 CSS 和 JavaScript 就有了根基。然后讲网络请求：一个 `fetch` 背后发生了什么，缓存怎么控制，跨域到底卡在哪一层。这些清楚了，框架不过是语法糖。Vue 的响应式基于 `Object.defineProperty` 或 `Proxy`，React 的调度依赖 `requestIdleCallback` 和 Fiber 架构——底层知识到位了，看框架源码就是顺理成章的事。

具体到课程设计，我建议砍掉一半的“实战项目”。与其做五个电商页面，不如让学生自己实现一个简易的虚拟 DOM 和 diff 算法。代码量不大，两百行左右，但能逼着他们理解节点对比、批量更新、key 的作用。再让他们用 `MutationObserver` 写一个简单的响应式系统，体会数据变化到视图更新的完整链路。这种练习比复制粘贴十个后台管理系统有价值得多。

还有一点常被忽略：调试能力。培训里很少专门教怎么用 DevTools。Sources 面板怎么打断点、Performance 面板怎么看火焰图、Memory 面板怎么查内存泄漏——这些才是日常工作中真正花时间的地方。我见过工作三年的前端，调试全靠 `console.log`，遇到复杂异步问题就束手无策。这不是能力问题，是培训里根本没教。

最后说句实在的。前端技术更新快，但底层原理变化极慢。DOM 标准、HTTP 协议、JavaScript 引擎的工作方式，十年二十年都不会有大改。把时间投在这些地方，回报周期最长，也最抗淘汰。框架年年换，可你理解了渲染和调度，换什么框架都只是换个 API 的事。培训如果只教 API，那学生永远在追新版本，永远追不上。