web前端开发技术教材

翻开市面上绝大多数《web前端开发技术教材》，端开第一页都在讲HTML的发技历史，第二页开始讲标签，术教第三页就让你背属性。端开

我当年就是发技这么学的，结果背了半个月，术教打开浏览器一看，端开满屏灰色文字配白底，发技瞬间觉得自己学的术教不是网页开发，是端开某种考古学。后来我去了一家创业公司实习，发技带我的术教老哥看完我写的“作品”，沉默半天，端开说了一句：“你写的发技这个，2003年能卖钱，术教现在只能挨骂。”

他扔给我一个网址，让我按F12看看人家首页的代码。我一看，好家伙，那密密麻麻的div和span堆得跟乐高似的，但每一个嵌套都有讲究，每一个class命名都像在讲故事。那是我第一次意识到，真正的教材应该教人怎么思考布局，而不是教人背标签。

现在的教材其实进步了不少，至少知道拿真实项目当案例了。但问题也来了——它们太“干净”了。一个电商页面，教材里给你的是完美对齐的栅格、语义清晰的标签、注释工整的CSS。可真实项目里呢？产品经理半夜改需求，设计师给的设计稿里字号是13.5px，后端接口返回的数据结构跟说好的完全不一样，你只能一边骂街一边用flexbox硬撑。

这些破事，教材里一个字都不提。

我见过最离谱的一本教材，讲CSS浮动清除，用了整整六页纸讲各种hack技巧。六页啊，兄弟。等学生真到了工作中，发现团队早就全面拥抱flex和grid了，那些hack除了能应付面试题，屁用没有。教材作者大概不知道，前端这个行业的变化速度，比印刷厂改版的速度快多了——你写书用了两年，等书上市，里面推荐的框架已经凉了一半。

但话又说回来，教材也不是完全没用。我自己后来带新人，发现那些科班出身、认真啃过教材的家伙，底子确实扎实。他们知道浏览器渲染原理，懂事件循环机制，明白重绘和回流有什么区别——这些基础概念，光靠看视频教程学不会。视频只能教你“怎么做”，好教材能告诉你“为什么这么做”。

有个学弟问我，说他想写一本自己的前端教材，该从哪开始。我说你先别急着写代码，去翻翻那些经典教材的目录，看看人家怎么把“浏览器工作原理”和“JavaScript执行机制”这两块内容排进章节里的。然后你再想想，你写这本书的时候，能不能保证三年后里面的内容还不过时——要是保证不了，就别写技术细节，多写思维方式。

教材这东西，说到底就是个脚手架。你踩着它爬上去，站稳了，就该把它踹开，直接去看官方文档和源码。要是你学完一本教材，发现自己离了它就不会写代码了，那这教材就白读了。真正的好教材应该让你产生一种“原来如此”的顿悟感，而不是让你觉得自己刚背完一本字典。

我现在偶尔还会翻翻书架上那本泛黄的旧教材，里面用铅笔标注的笔记还在。它教我的那些标签和属性，大半已经被淘汰了，但它当年逼着我手写每一行代码的笨办法，倒是让我养成了不依赖自动补全的习惯。这大概就是教材的价值——不是给你鱼，也不是教你钓鱼，而是让你明白，你其实可以自己造一根鱼竿。

本文地址：http://www.79wt.cn/news/1189f1599866.html