打开B站搜“web前端”，端开播放量过百万的发教教程一抓一大把。我去年帮表弟挑课程，学视翻了三十多个系列，端开发现一个挺尴尬的发教事：大部分视频的完播率断崖式下跌，基本都发生在第7到第12集之间。学视那个位置讲的端开是CSS盒模型或者JavaScript闭包。
这不是发教巧合。前端入门有个明显的学视“劝退峡谷”——HTML和CSS前几集看着挺爽，敲一行代码浏览器就变个样，端开反馈即时，发教成就感来得快。学视一到JavaScript的端开逻辑部分，尤其闭包和作用域链，发教光看视频里老师写代码，学视自己跟着敲就是报错，那种挫败感很真实。
好的教学视频怎么处理这个坎？我注意到一个UP主的做法：他在讲闭包之前，先花了一整集拆解“为什么你需要理解闭包”，用的例子是计数器按钮——页面上三个按钮，点第一个显示1，第二个显示2，第三个显示3。不用闭包写出来全是3。这个场景够具体，观众脑子里有画面，再回去听概念就不那么抽象了。
视频教学跟看书学前端最大的区别在于“节奏”。书可以来回翻，视频你得跟着进度走。有些教程一集45分钟，讲完flex布局的所有属性，信息密度太高，看到后面忘了前面。另一些走另一个极端，一个hover效果讲20分钟，太拖。
我自己的经验是，8到15分钟一集比较合适。刚好覆盖一个知识点，比如“用flex做水平垂直居中”或者“addEventListener的第三个参数”。再长就该拆了。
还有一个容易被忽略的东西：代码演示的屏幕录制质量。字体太小、编辑器主题对比度不够、终端输出一闪而过没暂停——这些细节直接决定你能不能跟上。有个讲Vue的系列，UP主用的是浅色主题，代码里的字符串和变量名颜色几乎一样，弹幕里全是“看不清”“能换个主题吗”。技术内容再好，看不清代码等于零。
说到框架部分，React和Vue的教学视频有个通病：上来就讲API怎么用，不解释为什么需要这个东西。比如useEffect，很多教程直接列参数、讲依赖数组、演示清除函数。但新手真正困惑的是“我什么时候该用它”，而不是“它接受几个参数”。一个讲得好的UP主会先写一个没有useEffect的组件，展示数据请求的竞态问题，再引入useEffect来解决。问题驱动比API驱动有效得多。
练习环节的设计也分高下。有的视频每集结尾留一道题，下一集开头先讲题再讲新内容。这个节奏很舒服。有的全程没有练习，看完感觉自己会了，一打开编辑器脑子空白。前端这东西，看十遍不如手写一遍。
选教程的时候我会看一个指标：UP主有没有在视频里犯错然后当场调试。那些全程顺利、代码一次跑通的视频，看着流畅，但学不到调试思路。真实的开发就是不断报错、看控制台、改代码。一个愿意展示“我写错了，这里少了个分号导致整个模块不执行”的UP主，比一个完美演示的更有参考价值。
现在前端教程的供给量远远超过需求，但真正能让人从第一集跟到最后一集的，还是那些把“学习者会在哪里卡住”想明白了的视频。技术深度是一方面，对学习曲线的感知和尊重是另一方面。