快来测测你JavaScript的功力吧

关于JavaScript的文章至此已经六篇了。从它的历史讲到函数式编程的特性，从面向对象讲到继承，再到架构原则，我们基本上对JavaScript有了一个清晰的认知。

认知的目的是学习，那么今天我们就来讲，如何学习JavaScript！

武侠中，总是用三流高手，二流高手来划分武功的等级..... 今天我们也用这个概念来区分一下你了解JavaScript的程度！

一、入门

对于入门，我的定义是： 了解JavaScript的语法并且亲手写过！ 类似刚毕业的同学，偶尔在项目中用JavaScript写一个表单验证，百度上Copy一个正则表达式，亦或者看看微信的JS SDK，照猫画虎的调用一下。

针对入门的人员，如果有心提升自己的技能，推荐《JavaScript高级程序设计》，这本书绝对入门级的神书。

二、注重招式 - 过度依赖工具

JavaScript代码已经手到擒来，jQuery在你手中犹如一件利器，项目的JavaScript代码已经难不倒你了~~~这时候，你估计时常有这样的困惑：

jQuery好烦人，动不动几十行的代码，DOM变动就要修改很多代码

一个页面引入了许多JS，CSS文件， 就<script>的头文件都要十行，每个页面都要COPY

JS代码很难管理，有时候许多代码混合JSP，看起来总是怪怪的

这个时候，JavaScript的缺点完完全全暴露在你的面前！针对这个阶段的同学，开始学习JavaScript模板吧，handlebars或者underscore的template，它会让你更优雅操作DOM！ 顺带了解AMD requireJS,SeaJS，虽然一开始它的语法让你会很不习惯，但是请记住：不越过它，JavaScript在你手中终究是“工具”而已！



三、剑走偏锋 - 拿着锤子，什么都像钉子

知识的进步总是会有一段很长的焦灼期！ 伴随着你把JavaScript作为“工具”的这段时间， 映入你脑子的一定是各种各样新的技术名词，我们在学到一个新技术后，总是忍不住在项目中使用，也总是当成一件神器，各种情境下都强行套用。拿着锤子，什么都像钉子！



记得多年前，第一次了解JavaScript的prototype之后，我所有的代码中满满充斥着prototype，还一脸自豪教育别人：这是面向对象，知道不不不不不不不不？



这个阶段，无可避免，不要气馁，最重要的是要保持追求的激情！ 

推荐书籍《JavaScript设计模式》，现在很少天生做前端的，都是Java，C#转到前端的，或者兼职前端，这本书使用Java语言来描述JavaScript，阅读曲线比较平滑。

四、驾轻就熟 - 走进MVC的大门

算是一位小高手了！终于脱离JavaScript流水式代码，轻松看懂各种类库源码，渐渐觉得jQuery没那么NB了，相反，总觉得它很不优雅。到了这一步，恭喜你，在前端的康庄大道上，你只需要时间和项目的磨练了。

推荐使用Backbone+RequireJS写一段Demo，感受一下比prototype更优雅的写法，还有listenTo的事件触发，让你真正感受JavaScript的灵活。



五、葵花宝典 - MVVC

欲练此功，必先.....  MVC已经不能满足你了！ 是时候关注一下前端MVVC方面的框架了。ReactJS,EmberJS,AngularJS等等，无论那一个，感受一下组件式，数据绑定式的前端开发吧，再也不用纠结于jQuery操作DOM了。 

这里推荐AngularJS，因为关于它的书很多，而其他，你想看个资料都找不到。



六、天下武术，皆为我用 -了解WEB的底层

JavaScript的圈子已经容不下你了，但是你出去讲自己精通JavaScript，但是不了解WEB的底层HTTP能行吗？

连HTTP底层原理都不了解，如何做WEB的优化，如何架构WEB呢？

关于HTTP，重度推荐《图解HTTP》《图解TCP/IP》，前所未有的通俗易懂！

七、化腐朽为神奇 - 构建前端架构

走到这一步，你就不仅仅要关注代码本身了。你要思考如何组织前端结构，如何更有效的管理项目，文件合并，模块化等等。

是时候看看基于NodeJS的前端构建工具了。GruntJS，Gulp!



八、自创武功，自成一派

你没有看错！！！是时候需要自创武功了，任何框架都存在这样那样的问题，你需要整合各种框架，亦或者修改其源码，让它为你所用，自成一派，成就东方不败不世之功！