如何才能快速掌握 JavaScript，并且能写出框架？

很多刚接触前端的人，一开始就买大量的书籍，可是一段儿时间之后，会发现一个问题，某本书的前几十页已经很旧啦，但后面基本是新的，有些书根本没有时间去看等情形。

其实看书和分析源码是重要的提高方式，但不适合新手。新手需要的是能快速的入门和入行，能快速的上手工作。一种快捷的学习方式就是看视频。正如有的同学说得那样，知道有哪些东西，怎么用就可以了。

看视频是有好处的，首先它是一种被动学习方式。一遍没懂，再放一遍，我基本上是1.5倍数去看的。然后就是以项目驱动，掌握一门技术先掌握它的大体框架，想一个能实现的点子，做一个能跑就行的demo，再去完善它的细节，等到demo完成了，对这门技术有了一个感性的认识，再去啃书，收获会大很多。当然没有项目就去自己创造项目，动手实现自己的想法是件有乐趣和成就感的事。

前端学习有个特点，很多东西都很零碎，分散，需要你自己去整理、归纳和总结。在微博、知乎上关注众多大神，你不仅仅是为了听八卦，大神们的只言片语有时候留下的是无尽的余味，很有可能一个不经意提到的一个词就成为你下一个学习的目标。收集这些信息，善用google，提问，思考。

就像游戏里的收集要素，前端学习也是充满搜集要素的一个“游戏”，只不过你需要一个知识管理工具来充当物品栏和仓库，我所知道的大牛们无一不是知识管理工具的重度使用者。当然重点不在于这些工具，但是趁手的工具可以提高你的学习效率。最关键当然是随时保持旺盛的学习欲望，你的目标是了解有关前端的一切（当然不是所有都要掌握，因为毕竟你的精力有限，而且现实的说这也不太可能）。

当然最好是有大牛指导，这样你能少走太多弯路，不过这是可遇不可求的。多跟身边的高手交流是王道，这个高手不一定要多高，但是一定要对技术有热情。闻道有先后，术业有专攻，现在的前端更倾向于全栈，随着我们学习和研究的深入，不可避免会接触到很多比切页面、实现视觉要求、实现交互等更深入的问题，比如前端自动化、图像编程、性能优化等等，再往后推一点就是PHP/JSP/ASP/nodeJs，过去后端模板一般属于后端的范畴，现在随着前端架构的演进，可能会让你去写后端模板的代码，需要用到后端语言（PHP/Java/C#等）。在你们交流的过程中不仅能解惑，还能迸发出一些新的想法，激发你的学习兴趣。

框架可以让你从重复低级工作中脱离出来，特别是应用复杂到一定程度时，如果没有框架层的抽象，代码往往会复杂得难以维护。在前端开发越来越复杂的今天，框架已经是必不可少的了。框架的编写不是一朝一夕就能完成的，送君一句话，要想会写，先得会用！实践至上，源码先行。

来源：千锋HTML5