前端应该怎么学？资深前端的学习经验分享

Love The Way You Lie 2022-02-01 12:27 289阅读 0赞

**“对于程序员来说，如果哪一天开始他停止了学习，那么他的职业生涯便开始宣告消亡。”**这不是什么危言耸听的怪语，而是一位大牛几年前告诉我的，他的信条。

作为前端程序员，前端火起来的短短几年里技术更新迭代特别快，不仅是新的框架繁多，Vue，React，Angular轮番上场，各种工具，插件，库也是琳琅满目，就连基础的JavaScript语法的更新也是年年不断。**面对前端这样飞速的发展趋势，不学习其实就是变相的在倒退。**

四五年过去了，我也从当年的小菜鸡摸爬滚打成了老油条，大牛的这句话一直在我脑海中。除了新年和黄金周，我每天都要**学习编程三个小时以保证充分提升自己**。一方面是因为对前端的执着和喜爱，另一方面也是唯恐在前端生态圈中被落下。

![640?wx\_fmt=png][640_wx_fmt_png]

技能图谱

我在前期就是积累知识打基础，构建自己的前端知识体系，在技能树被点亮的差不多的时候，就开始紧密关注前沿动态，出项新技术就去了解了解，不至于在哪天用到时候手忙脚乱。

![640?wx\_fmt=png][640_wx_fmt_png 1] **学习这件事是不是反人性的** ![640?wx\_fmt=png][640_wx_fmt_png 1]

工作已经这么累了，下班了为什么不放过自己呢？我的水平足够可以了，为什么还要去学呢？

我只能这么和你说， 学习只有好处没有坏处，短期内你可以感受到写代码行云流水，bug少了，长期来看对个人晋升很有帮助。对普通人来说，不断保持自己竞争力的方法就是保持学习。

身处互联网行业，程序员之间知识开放共享程度很高，开源精神被无数程序员所推崇。对我们来说，想要学习，其实有非常多的资源，阅读书籍，文档，源码，观看教学视频，找到适合自己的方式最为重要，下面是一些经验之谈：

![640?wx\_fmt=png][640_wx_fmt_png 1] **阅读书籍** ![640?wx\_fmt=png][640_wx_fmt_png 1]

**特点**：书籍和文档，内容详尽，但需要认真研读。

**适合人群**：计算机基础比较扎实，空闲时间比较多，喜欢在学习每一种技术时都能够的深入技术底层细节去探究奥秘。

**推荐**：尼古拉斯·泽卡斯编写的《JavaScript高级程序设计》，对JavaScript的方方面面的概念进行了详尽的描述，层层深入，是一本十分值得前端学习的书籍。但如果对于JavaScript运用不够熟练，很难掌握和理解书中的一些知识点。因此我还是建议在形成一定的知识和技能积累后，再来啃这些“硬菜”。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg]

![640?wx\_fmt=png][640_wx_fmt_png 1] **观看视频** ![640?wx\_fmt=png][640_wx_fmt_png 1]

**特点**：教学视频形式上更生动也容易理解，观看的同时能够学到大牛理解编程的思路。

**适合人群**：计算机基础不是很牢固，空闲时间很少，又想在大牛的辅导下很快掌握一门技术，教学视频绝对是一个很好的选择。

**推荐**：在选择课程时，我会重点关注课程的主题是否有足够的深度，老师的讲课的风格是否有趣，这能帮助我理解一些有挑战的内容。**推荐一个网易云课堂的免费直播课，最近关注到每天都会有直播**，老师的个人风格非常有趣，直播的内容从基本的语法到实战案例都有涉及，还会分享很多工作中总结的小经验，那些是自己看书都学不到的。视频学习的好处不止节约时间，还能帮助你快速站在更高的层面上，能够更快地啃下晦涩难懂的书籍，更快地掌握更多底层的原理。

![640?wx\_fmt=png][640_wx_fmt_png 1] **学习源码** ![640?wx\_fmt=png][640_wx_fmt_png 1]

**特点**：代码阅读起来总是让人觉得枯燥乏味的，尤其是别人写的代码，直接翻阅源代码很容易让自己迷失在代码的海洋里无法自拔。大神写的代码读起来更是难上加难，看不懂的高级用法太多，hack写法更是让人一脸茫然。

**适合人群**：这种学习方法推荐给代码基础不错的同学

**推荐**：我通常的做法就是在GitHub上搜一搜要看的项目名字，克隆下来沿着提交历史慢慢自己过一遍，不仅可以看到项目迭代进化的历史，更是一个沿着项目演变思路不断拓深地过程。阅读源码就是一场与大神之间的心灵上的对话，向大神的代码质量和水平级别靠拢，相信长此以往定然是潜移默化的积极影响。

其实想尽办法去高效学习，最终还是为了提升自己，学习这件事其实是很灵活的，平时学，工作中学，再把学到的用到工作中。希望大家可以找到适合自己的方法，并坚持下去，我这里推荐一个免费的学习资源，就是上面提到的网易云课堂的免费直播课程。

**网易云课堂目前正在开展一系列前端进阶实战项目直播课，由网易资深工程师每天直播2小时**，和资深前端人切磋交流，密集输入前端开发相关知识及经验。**以下****福利都限时免费,助力你的进阶之路：**

![640?wx\_fmt=png][640_wx_fmt_png 2]

**扫码即可预约每日直播+领取前端学习资料包（限前100）**

***福利1 免费直播课程***

**《****网易云课堂前端****进阶免费直播课》**

适听人群：前端初、中级开发工程师

**5.13-5.19  连续7天每晚8点准时直播**

▼

第一场 5月13日 周一 20:00

**合适的加载策略让你的页面更快—懒加载与预加载**

*  懒加载和预加载的概念
 *  如何选择合适的加载策略
 *  实现懒加载与预加载

第二场 5月14日 周二 20:00

**T4架构师成长计划—手写jQuery源码**

*  jQuery工具的整体架构
 *  源码中剖析其设计模式
 *  阅读源码的常用技巧

第三场 5月15日 周三 20:00

**独家解密V8引擎运行机制原理**

*  V8引擎从入门到吃鸡
 *  从内存结构启发编程思维
 *  垃圾回收机制的原理

第四场 5月16日 周四 20:00

** 优雅实现无缝N级联动**

*  省市区三级联动需求分析
 *  利用接口函数（interface）解决数据兼容
 *  ajax遇到session超时问题解决方案

第五场 5月17日 周五 20:00

**前端模板引擎 — 微引擎开发 **

*  模板引擎发展史
 *  前端模板引擎技术对比
 *  引擎template render 优化

第六场 5月18日 周六 20:00

**别再vue走天下了—来看看未来的开发模式吧**

*  开发模式大比对
 *  如何做一个中间层开发
 *  中间层开发优点

第七场 5月19日 周日 20:00

**必须掌握的新时代web组件开发标准**

*  web componet规范介绍
 *  如何实现自己的web新标签组件
 *  x-tag组件库学习分析

***福利2 前端开发资料包***

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 1]

***获取方式***

扫描下方二维码添加助教小姐姐即可

![640?wx\_fmt=png][640_wx_fmt_png 2]

**微信：weizhuanye042**

**直播公开课+超值资料包**等你领取

[640_wx_fmt_png]: /images/20220201/48f2c0682dc742a88fce609130fc70a5.png
[640_wx_fmt_png 1]: /images/20220201/c1b82466844a4f7a966138ae5e2661cf.png
[640_wx_fmt_jpeg]: /images/20220201/1983ba6e429148479fee8aa387dc0725.png
[640_wx_fmt_png 2]: /images/20220201/7829d09df0a14fa6ad040685be28836b.png
[640_wx_fmt_jpeg 1]: /images/20220201/9cf2a14b8bc9473bb743f8ec64e5902f.png