先介绍下大致情况时间线。

18 年 8 月正式转方向为前端，之前做了一段时间的 iOS，后来因为对前端更感兴趣所以就打算转方向了。19 年 10 月入职当前公司，定级资深前端，分配到业务架构小组，自此在一年零两月的时间内完成从 iOS 转方向到资深前端的过程。

很多读者会问我是如何学习的，今天这篇文章就来完整的梳理一遍整个过程。过程可能不能复制，但是其中很多的方法论我相信一定对你有帮助。

学习经历

转前端之前

17 年底开始正式学习前端，这时还在做 iOS 开发，所以拿来学习的时间并不会很多。偏向实战论，喜欢边学边补，至今完整读过的前端书籍寥寥几本

1. 你不知道的 JS 基本读完
2. 忍者秘籍第二版读完
3. 其他零零碎碎的读过一些书，但是基本都是随便翻翻就过了

很多人推崇的红宝书笔者就读了四五章节，这本书主要是基础内容，对于基础内容我更喜欢读文档。MDN 翻一翻，网上查一查，基本就能把 JS 基础了解个大概，CSS 及 HTML 的内容基本没花时间学，都是现学现用。

在转前端之前大致的学习路线如下：

1. JS 基础了解个大概，CSS 和 HTML 花的时间很少，当然在后续的学习过程中逐步在填补基础的漏洞，只是没有一开始就花大量的时间去学习。
2. 读文档，开始写 Vue。将自己的需求写成一个小项目，主要技术栈为 Vue 及 Node，都只属于会用。
3. 从同事那里了解到 Webpack 是个难啃的东西，自己买了 相关的课，照样画葫芦最后产出一个教程。
4. 开始学习 React，同样也买了相关的课，最后产出一个开源项目，至今过 1k stars。

时间节点到这里大概是 18 年 1 月份，总结几个帮助我学习的点：

• 动手很重要，把自己学到的知识写成一个小项目或者文章，对于自己的帮助是很大的。在这个节点之前，我在掘金产出了六篇前端相关的文章，获得了四千多的点赞。
• 文档最重要，牛逼的项目的文档几乎没有错误，只有二手资料才会错误百出。
• 活用搜索引擎，那时候我还是个小透明，没加过任何的前端群，有问题就是谷歌搜答案。遇到报错就把报错丢上去；遇到写的和预期不对就把想要的搜一下；遇到自己没学过的，就搜一下相关知识，就这样逐步累积上来。当然在这一步最为核心的点是得用英文 + 谷歌搜索，缺一效率就低。觉得自己英语不好的不要担心，把自己想问的谷歌翻译一下不就好了。

接下来就是一个面试季了，这时候掘金的面经文章层出不穷，我也尝试去解答了那些面试题。这时发现自己不会的相当多，因此觉得这些面试题会是一个帮助自己填补知识漏洞的好办法。

于是接下来很长一段时间我都是处于这样一个循环中：

1. 找面试题
2. 回答面试题，挖掘它背后的知识点，写成内容

在这个循环中我逐步发现如果我能把这个东西做大做好，那么一定会是个爆款，毕竟那时候没有竞品，转方向的念头也是这个期间萌发的。后面的事情应该很多读者都晓得了，我把它做成了开源，最后获得了一万六千多的 stars。

在这个做开源的期间，我觉得最重要的可能是费曼学习法了，也就是以教促学。从我不会到我觉得自己会了到最后把自己会的东西写成内容教给别人，那时候的学习途径如下：

1. 发现自己不会的点，不管你是从哪里发现的
2. 搜索资料，尝试搞懂它
3. 写一下代码，验证一下
4. 把自己理解的写成文字
5. 把自己代入读者，看着自己写的内容是否能学会这个知识
6. 多搜索这个知识相关的文章，看看有没有遗漏的
7. 在前几个环节你可能还会发现更多自己不会的点，继续循环

整个开源项目我都是这样操作下来的，其中包括了之前我不懂的、懂的、懂的但并不完善的知识，通过以上的学习方法完成了自己的知识梳理及填补漏洞的过程，至今我还一直践行着以上方法论，真的很有效。

项目开源以后，我也顺利了找到了工作，至此完成方向转型。

工作中

在工作中学习的这块内容其实之前已经写过，在这里我就直接把精华总结一下：

1. 用到的所有技术栈务必用精，没到这个阶段之前别想东想西的这个那个都想学点皮毛，没啥用。
2. 了解下市场的热门技术，过时的就别浪费时间学了，顺便也给自己储备点知识，最好学点公司未来可能要用的技术栈。
3. 想想看未来怎么在自己的简历上写工作上的亮点，然后尝试着去做。
4. 别写完代码就完事了，看看还有没有能调优的地方，这都是你未来能写在简历上的东西，多从未来给简历加分上看齐。
5. 学会偷懒，能用脚本做的就让脚本去实现，在这个过程中你就能成长。
6. 给自己列点计划在业余中学习。

以上就是这位伙伴的前端学习分享，希望对正在学习，或者转行，大学生的伙伴有所帮助，在学习的路上少走弯路， 从事全栈6年，专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（从零基础开始到WEB前端项目实战教程，学习工具，全栈开发学习路线以及规划）点： 学习前端，我们是认真的