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

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

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

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

技能图谱

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

学习这件事是不是反人性的

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

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

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

阅读书籍

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

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

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

观看视频

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

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

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

学习源码

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

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

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

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

网易云课堂目前正在开展一系列前端进阶实战项目直播课，由网易资深工程师每天直播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 前端开发资料包

获取方式

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

微信：weizhuanye042

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