如何系统性的学习 Javascript？

相信很多想学好JavaScript的朋友都是冲着前端开发这门技术，这个岗位来的吧。作为前端开发的三大基础，就是html,css,JavaScript。很多人不明白为什么要深入的学习JavaScript，在介绍系统学习方法之前，给大家普及一下吧。

大家都知道，现在那么多的JS框架，任何一个学校，一个培训机构都不可能全部讲一遍，没有那个时间，也没有那个必要。可工作时，面对那么多的公司，谁知道哪个公司使用什么JS框架呢。当然，求职者在面试时考虑到这个问题，那么面试官也会考虑到这个问题，所以他可能会问你一些框架的技能，如果你掌握了更好。如果没有掌握，但是你对 JavaScript中这些内容掌握的很扎实，他同样认可你的能力。

在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】 每天更新最新技术文章干货。

这时，你可能有疑问了，为什么这样呢？

学习Web前端的都知道，所有js框架都是以 JavaScript原生为基础。

只要你把 JavaScript原生技能掌握的扎扎实实的，任何框架在你面前那都不是难事，学习任何一个JS框架，只要花个几天的工夫，就能够从内到外的理解透彻，用时也会得心应手。就象一个掌握C语言的人，再学习Java等其他语言，那都是手到擒来的事，根本难不倒人家。

所以，只要掌握了 JavaScript 原生技能，任他哪个框架，或者正在胚胎中发育的都难不倒你的。所以，明白了吧，为什么面试官要考你 JavaScript 原生技能了吧。在职场上，能力经验到了一定阶段，都不是为了面技术，更多的是为了了解求职者对开发工作的态度，学习理解的深度和沟通的感觉。面试 JavaScript 原生技能，就是这个目的

对于Web前端来说，是一个更新特别快的行业，几乎每年都有不少的心技术面试，作为一个Web前端开发人员，如果对新技术不敏感，对新技术没有学习的欲望，那么可能很快会被行业淘汰。那么，企业招这样的求职者有什么用？

Web前端技术学习分析

了解了企业招人的目的之后，对于Web前端技术中的各个模块内容，该如何学习，已经心中有数了吧。Web前端中HTML、Ccss3、 JavaScript、移动前端这几部分是基础内容，也是前端开发工程师必须掌握的技能。那么针对这一部分技能，就要学习的扎扎实实，达到精通的程度。特别是面向对象、闭包、变量和对象的存储式等，都要理解的透彻，并且能够条理清晰的表达出来。

JS框架要学习透彻一两个，其他的框架也要了解。新技术要时时关注，不要求达到会用的程度，但是也要了解，面试时能够应付自如即可。

下面两个图是从几万条前端岗位招聘信息中提炼出来的企业对各技能的要求，从图中可到，基础技能占比是最大的，其中 JavaScript占到71％，可见 JavaScript在前端中的地位。各个常用框架的要求也都在18％以上，其他新技术都在企业要求中占有一定的比例。

明白了企业对各种技能的要求，以及Web前端技能学习的侧重点之后，就会发现一个变化。那就是基础技能无论是广度、深度都有所增加，学习用时也大大的增加了。在学习时，不能只掌握企业常用技能，而是基础技能要牢固掌握，框架作为提升技能也要踏踏实实的学习，新技术也不能忽略，都要兼顾。

以上给大家讲解一下在面试工作时，为什么JavaScript如此重要。接下来是介绍学习方法：

书本与视频学习相结合

很多人在学习web前端时，选择看视频学习的方法。个人认为，看视频进行学习，效率虽然比较快，但是深度不够。学习web前端，一定要书本和视频相结合，才相得益彰。

如果你的基础实在太差，看不懂书本，可以借助视频作为快速入门的途径。但你如果想要深入学习一门技术，就要多看书。先把一个模块的知识点看一遍，心里有了一个谱，再看视频，然后再动手操作。（记住，要多练习、多操作。）

但现在很多人不看书，盲目看视频，心里没有一点儿概念，导致基础不佳，只是零碎地掌握了一点皮毛，到最后的结果是学不能致用！

做好归纳总结

web前端开发学习的内容比较多，而且很多东西都非常零碎，分散，这就需要你自己去进行整理和归纳。例如把一些常用的代码写法记录下来；各种编辑器的特点和哪些编辑器比较好用等等。

web前端的学习需要不断地积累知识，不断地积累经验，还要不断的向有经验的前辈提问，学习他们的方法，来提高自己技术水平，以后才能有更大的发展。