去年带了一个新人，端开简历上写着“精通HTML/CSS”，发学结果让他调一个flex布局的端开居中，他花了二十分钟，发学最后用margin硬怼出来的端开。这不是发学个例。很多自学前端的端开人，一开始就扎进框架的发学海洋里，Vue、端开React学得飞起，发学却连浏览器最基础的端开渲染原理都说不清楚。

web前端开发到底学什么？发学我的答案很直接：先学浏览器怎么把代码变成页面，再学JavaScript这门语言本身，端开最后才是发学那些花里胡哨的框架。这个顺序不能乱。端开

HTML和CSS不是“会写标签”就完了。你得理解文档流、盒模型、层叠上下文，得知道为什么一个div会跑到另一个div下面去，得明白position的四种取值在什么场景下会坑你。这些东西没有捷径，就是反复写、反复调试。我见过太多人，CSS写不好就怪浏览器，其实是自己没搞懂BFC（块级格式化上下文）——这个概念搜一下就有，但很多人连搜都不知道该搜什么。

JavaScript才是重头戏。别一上来就看ES6的箭头函数和Promise，先把作用域、闭包、原型链搞明白。闭包不是面试题里的装饰品，它就在你写的每一个事件监听器里。原型链也不是什么高深理论，你用的数组方法，本质上都是沿着原型链找上来的。我建议你花两周时间，只做一件事：用原生JS写一个TODO应用，不碰任何框架。写完之后，你再去学框架，会发现那些“神奇”的响应式原理，其实底层都是基础的getter和setter。

框架只是工具，不是知识本身。React教你组件化思维，Vue帮你省掉操作DOM的繁琐，但如果你连DOM是什么都说不清楚，用框架就是空中楼阁。我见过一个奇葩面试者，说“我不用操作DOM，框架都帮我做了”——那你写个简单的表单校验，为什么要用v-model？其实框架帮你做的事，恰恰是你最该理解的事。

还有一块容易被忽略：调试能力。打开控制台，别只会console.log。学会打断点、看调用栈、监视变量。我有个习惯，遇到bug先不急着改代码，而是把报错信息完整读三遍。大部分问题，其实错误提示已经告诉你答案了，只是你没耐心看。

最后说点实在的。前端不是背出来的，是练出来的。你写100个小页面，比看10本教程管用。遇到不会的，先自己查MDN（Mozilla开发者网络），别动不动就问人。查文档本身也是一种能力，而且这种能力会跟着你走很久。

学前端像学做饭。菜谱（教程）告诉你放多少盐，但你得自己尝过咸淡，才知道下次该放多少。框架就是那些半成品调料包，用起来方便，但真要做出自己的味道，还得靠基本功。别怕慢，基础打牢了，后面学什么都快。