最全解析如何正确学习JavaScript指南，必看！

划重点

      鉴于时不时，有同窗私信问我：怎么学前端的问题。这里统一回复一下，以下次再遇到问我此问题同窗，就直接把本文连接地址发给你了。

 

“前端怎么学”应该因人而异，别人的方法未必适合本身。就说说个人学习方法吧：我把大部分时间放在学习js上了。由于这个js的学习曲线，先平后陡。项目实践和练习啥的，我不说了，主要说下工做以外的时间利用问题。我是怎么学的呢，看书，分析源码。我的这几天统计了一下，前端书籍目前看了50多本吧，大部分都是js的。市面上的书基本，差很少都看过。

第一个问题：看书有啥好处？

 

好处应该是不言而明的，书看多了，基础会逐渐夯实起来。看多了，本身的判断力，天然就上来了。看别人的文章，就能很快判断出，对方每块儿讲得对不对，哪块儿又是本身不清楚的，模棱两可的。固然也为看源码，分析源码提供了基础。

10本书读2遍的好处，应该大于一本书读20遍。10本书的交集，那就是基础知识的核心，而并集那就是全部的知识。好书固然要多读，反复读。可是只读一本是不行的。由于每本书的侧重点都不同。从不一样的侧面，去理解一个知识点，是颇有意义的。

因此特别佩服印度人，他跟你讲英文，你一个词语没听懂，他会蹦出n个同一意思的单词，你听懂一个，就ok了。看书也是这样的，某一块讲得不透彻，不用担忧，其余书籍能够帮助你来了解。

第二个问题：书籍推荐

 

我的以为不错的，没事能够翻翻的。书籍以下：

>《javascript设计模式》，张容铭写的，可能不太适合零基础的，是很是不错的进阶书籍。

>《javascript面向对象编程指南》，风格轻松易懂，比较适合初学者，原型那块儿讲得透彻，12种继承方式呢。

>《js权威指南》、《js高级程序设计》，这两本书经典是经典，可是太厚，适合把其中任意一章都当成一本书来读。洋洋洒洒，很难一口气看完。比较适合当作参考书。

>《你不知道的javascript》狙击js核心细节，闭包、原型、this讲得都还清楚。目前《中册》也出了，还在看。

>《js设计模式与开发实践》js设计模式也是要学的，此书把js的设计模式讲得很是清晰，一点不晦涩，看起来没多少难度。

>《正则指引》，分析源码时，若是正则表达式不懂，无法进行下去的。此书相对来讲讲得比较清晰。

>《基于MVC的JavaScript Web富应用开发》，看完后，基本能写出本身的mvc框架了。是本好书。

>《javascript函数式编程》，js是一门函数式语言，此书是函数式编程一个入门，函数是一等公民那是很是重要的。

>《js忍者秘籍》，jq做者写的，没有传说中的那么难读，话说就算你看完并理解全部知识点，也不会达到世界高手级别的。由于你尚未作到为所欲为。

>《javascript框架设计》，若是初看此书，会以为此书有罗列代码之嫌。在我看来，此书讲究的是框架的全局观。以上书籍是我认为是成就高手之路上必须看的，也须要反复看。

css相关的书籍，说实话我看得比较少，总共有六七本吧。有两本必须推荐一下：

>《css权威指南》，css基础知识点那是讲得很是清楚的。什么层叠优先级、line-height啥的。不是随便一本书都敢叫“权威指南”的。

>《css揭秘》，此书我也是不断的看，此书才不屑于全面讲css3各属性呢。css规范文档能讲的，它只会讲你最不在乎的。此书解决的47问题，解决思路和解决方案同等重要，颇有启发性。以上各书你均可以不买，至少买本此书吧。

第三个问题：怎么看书？

 

想必不少同窗，都想看书，可是很难看下去。文字部分相对来讲还能看看，一遇到代码，头皮就发麻了。此问题一开始时我也遇到的。

说一个学习理论。好比说学英语，有个开水理论。词汇量必须达到6000才行，若是没达到，英文水平不会上去的，这跟烧开水同样，没事烧烧，放着凉凉，历来没烧到100度，那么此水是永远不能喝的。一旦煮沸过，就能够随时喝了。

20本书你看不下去，说明什么呢？任何一本书，你都没看完过。熟悉的，永远只是前三章。别笑，我原先也是这样的。

那么如今的问题是，怎么把一本书看完呢？很简单，敲。《基于MVC的JavaScript Web富应用开发》这本书我看时，就是这样，终于有一天，我下定决心要把此书从头至尾敲一遍。文字加代码都敲，而后就一章一章得看完了。代码敲一遍后，你会发现，没以前看起来的那么难。

若是你属于一看书就犯困那种同窗。强烈建议你把《javascript面向对象编程指南》此书从头至尾敲一遍。坚持看完一本书后，信心就上来了。先保证看完一本再说,看完3本后，基本应该能作到几天就能看一本了。万事开头难，加油吧。

第四个问题：看书的层次问题

 

书看完后，要本身总结，要与其余书籍对比看。有同窗同时对比着看《权威指南》和《高设》来的。随便拿出个知识点，你都能闭着眼睛说得头头是道，说明水平够了。

下一块就是源码的学习了。看框架源码以前，想说一件事情：dom的api不懂，没问题，你能够百度。

可是正则必定要先研究研究，否则大多数人去尝试分析源码时，遇到的挫折都在于此。

怎么去阅读源码呢？敲，照着敲。

有哪些代码值得去敲呢？优秀框架或者库的源码都值得你去敲。可是拿jq来敲，来入门，那不行的。缘由：太他么长了。八九千行呢！！

我的以为underscore.js库是不错的第一个选择。缘由都是工具方法，敲完之后本身的水平应该略有小成吧。其实有一些api的实现，你要把它当成getElementById同样，深深的印在脑海里。好比extend方法，必须张口就来。敲完underscore库后，能够考虑去看看《javascript函数式编程》这本书了。

jq的源码很差敲。那么zepto的源码比较少1800多行，敲一天应该敲完了。敲几遍后，把全部不懂的地方，都百度清楚，而后就能够写本身的类jq的库了。而后就能够做为一项技能写进本身的简历里。好比“建立过本身的jquery库”。固然敲的过程，还能帮助本身对jq的api认识。

而后是backbone.js，由于此框架是以类jq和underscore为基础的mvc框架。代码也没多少行。敲吧。spine.js与backbone相似。能够在敲其以前，先看看那本《基于MVC的JavaScript Web富应用开发》。但愿你的简历能够添加这么一笔，“建立过本身的mvc框架”。

其余的，我也敲过一些。包括jq.validate.js，包括一些插件。若是你愿意的话，bootstrap你能够去敲敲啊。源码挺多的，能够按插件逐个来敲。分析明白了，轮播、分页、下拉框等等的插件那还不是分分钟随手就写一个了。最起码看看人家api接口是怎么设计的也是极好的。话说我的在阅读其css代码中，也学到了很多东西。说到插件，有两个必须提提，一个是表格插件，一个是树。都敲完，简历里能够这么写上，“建立过本身的UI框架”。

固然了，你也能够敲你喜欢的框架代码，重要的是明白其实现原理，最好理解其为啥那么设计，若是对设计模式比较熟悉的话，会常常发现原来是这么回事。

照着敲只是分析源码的入门，用途也是为了学习，最后能用在本身的项目中，那是才是正道。就算没啥用，也是打发时间的好方式，比看电视剧强多了。我闲着无聊时，就背着敲underscore源码。最后说句，若是你简历上能如期写上那几句话后，必须是大神。加油吧。

最后总结

 

写本文的最初目的，正如文章开头说的那样，方便本身回复你们的提问。我分享的任何一篇分享学习经验的文章，基本都会引发共鸣，这确实是一个值得讨论的话题，我才会分享出来给你们，总之，但愿每个人都能有技术上的提高