师傅带进门，修行在个人。

在前端自学成才的道路上，有些人走的很快，有些人却举步维艰。

为什么会这样子呢？因为他们没有掌握自学前端的正确姿势。

在介绍应该要怎样自学前端之前，首先来看下，自学前端容易踩什么坑。

自学前端的误区

误区 1：碎片化学习

过去很多同学喜欢看文章和博客学习，现在全往短视频上学习了。

这些都是碎片化学习，零散的知识无法串联起来，形成体系，就无法理解某项技术的原理。

一直这样在浅层学习，一开始可能会有进步，但后面的成长速度会越来越慢，最终会碰到瓶颈，成长停滞不前，就会感到疑惑迷茫。

这样的学习看起来很广泛，也有一定的成长，但是不管再怎么量变，仍然需要有一次质变，才能整体提升自己的能力。

另一方面，碎片化学习就像刷短视频一样，会让自己被多巴胺提供的快乐绑架。

上瘾之后，自己就更加难以坚持投入到长期的严肃学习了。

误区 2：光看不练

这是很多同学都会有的误区。

平常他们非常努力，看文章、看博客、看课程、看视频、看专栏、看书…看各种各样的学习资料，就是不动手。

但是，如果这样光看不练，很多知识是难以真正吸收进去的，过不了几天，就会遗忘掉，等于白学了。

让我们来看看学习金字塔理论。

可以看到，上面讲到的学习方式全部集中在金字塔的前 3 层，这是学习最低效的 3 层。

而实践可以让我们的学习吸收效率达到 75%，这才是更加有效的学习方式。

误区 3：只学高大上

很多同学喜欢追求一些新技术、看起来很高大上、很前卫的技术，这样看起来很牛 B。

今天 Vue 出了新版本，我要学；

这边出了个新框架，我要学；

那边出了个新语言，性能更好，我要学；

这里出了个新工具，超级智能，我要学；

我想说，你学得完吗？

一直在学习新的东西，感觉自己学到了很多东西，但真得有实际意义和价值吗？

有学习到深层次的原理，能够做到举一反三吗？

能够落地到自己的工作场景中，为业务创造价值吗？

可以减少自己的 bug 率吗？

可以提升自己的工作效率吗？

误区 4：最底层就是最普适的

行，既然你说只学高大上是误区，要学习最通用的原理，那我就学最底层的知识总可以了吧？

高级语言最终都会编译成汇编语言，那我去学汇编吧。

确实，越底层就越普适，但往往我们的工作根本接触不到底层，所以这些底层技术根本没有用武之地。

最终的结果，要不是学了就忘，就是坚持不下去。

误区 5：必须要看源码

“网络大神”告诉我，学习就要深入学习原理，看源码钻研原理是最好的。

跟别人吹牛的时候，说我看过源码，多牛 B 呀。

面试的时候，我还能用源码去虐面试官，一举多得呀。

所以，很多同学喜欢碰到开源项目就直接看源码，一行一行地看，再画上各种流程图，做笔记。

说真的，我挺佩服他们的，真有毅力，但是这种低效的学习方式，我是不推荐的。

实际上，在开源项目中，大部分的源码都是不值得看的，只有最关键的核心模块的代码，有需要的时候才值得去仔细阅读学习。

如果一开始就一头钻到源码中，就会被庞大的代码绕晕，就更加难以抓住开源项目的精髓，反而没学到关键原理。

自学前端的正确姿势

在认识到自学前端的 5 大误区之后，那我们应该怎样自学前端呢？

1. 系统化学习

不能只有碎片化学习，我们应该把大部分的学习精力投入到系统化学习上。

只有系统化的学习，才能融会贯通，搞清楚各个知识点之间的关联，深入理解原理。

只有系统化的学习，才能循序渐进，更容易学得会、学得懂，最终才能学得进去。

就像我们过去在校园里面的学习一样，如果你在小学一年级的时候，老师让你学初一的知识，你能学会吗？

我们要保持系统化学习的习惯，同时尽量保证系统化学习的投入要大于碎片化的学习。

常见的系统化学习方式是：

• 看书
• 课程视频
• 专栏

2. 学练结合

学习一定要学练结合，知行合一。纸上得来终觉浅，绝知此事要躬行。

只有实践，才有可能犯错。

只有碰到问题，才会去分析和思考。

只有思考，才能真正理解知识，融会贯通，做到举一反三。

因此，我们要尽可能地去寻找并珍惜可以实践的机会，在实践中学习。

我建议，实践的投入跟学习的投入对比应该要 7:3。

3. 学跟工作相关的

在前面的误区中提到，我们不能只学高大上的，也不能学太底层的，那到底要学什么？

答案就是学习跟工作相关的知识和技能。

为什么呢？因为这些知识和技能学了就立刻能用上，也就是能立刻实践起来。

一方面，通过这些实践让自己学得更加牢固，更加深入。

另一方面，这些实践也能反哺工作，如果我们的实践还有了成果，这不是更好吗？

对自己的晋升，加薪都有帮助，即使实践最终没有好的结果，不能落地，但是你在实践过程中的思考和表现，都会被领导看到，留下良好的印象。

如果你说，现在工作相关的技术栈都已经学会了，还要学什么？

那就学习新技术，看是不是有优化技术栈的可能，但需要做到实事求是，而不是单纯为了追求新技术。

如果实在是找不到可以学习的点了，那你应该考虑跳槽了。

4. 主动寻求反馈

在学习的过程中，反馈是非常重要的。

在小时候的校园中，我们每一次考试的成绩，老师每一次的评语，父母每一次的打骂都是反馈。

本质上，我们从小到大，就是不断地通过现实世界给自己的反馈中学习和成长的。

没有反馈，我们无法判断自己做的事情是不是对的，是不是最好的。

没有反馈，我们无法判断自己的学习方向是不是正确的。

因此，我们需要主动寻求反馈。通过反馈来不断调整自己的学习，才能取得越来越高的学习成长效率。

反馈有很多种，

首先，最好的反馈就是我们的程序代码，这是最容易被忽视的。程序是不是有 bug，跑不跑得起来，跑得性能好不好，这些全部都是客观反馈，最真实，最直接。

其次，还可以主动寻求领导、导师、同事、专家等人给自己反馈，这也可以称为指导。

之道前端(戳此加入)是专属于前端的自学圈子，努力营造帮助大家用正确姿势自学前端的环境：

1. 系统化学习。我们致力于打造前端自学的学习路线，让你可以有目标、有方向地循序渐进地自学。
2. 学练结合。我们的核心产品就是我们的原创项目，而且是大量的原创项目，因为我们的核心理念就是实践比学习更重要。你缺少的实践在我们这里都能找得到。
3. 学跟工作相关的。我们的内容绝对不追求大而全、形而上学。我们输出的内容致力于真实工作场景需要的知识、技能、项目经验。
4. 主动寻求反馈。之道前端致力于营造前端自学圈子，本质就是要营造一个前端自学反馈的环境，让你的自学不孤单，让你的成长更有成效。

欢迎加入之道前端。