前端自学路线之js篇

level 1

首先你要对js的基础知识进行系统的学习，脑海中先有一幅知识蓝图。我们现在说的js其实包含三部分：ECMAScript规范、DOM规范、BOM规范，你要知道这三部分都有哪些内容。其中ECMA规范定义了js作为一门编程语言的标准，包含变量基本类型、对象、函数、作用域、运算符、流程控制语句等。DOM规范则规定了js如何与网页进行交互，包括访问与操作DOM节点、不同类型的节点都有哪些特性和方法、事件的监听与传播等。BOM规范定义了js如何与浏览器进行交互，包含window对象、location对象、navigator对象、history对象等。

基础知识的学习最好就是看书了，像犀牛书、蝴蝶书、高程，都是经典的教材。

当你掌握了以上基础知识的时候，差不多能写出像弹出、移动、删除节点等动效，你体会到了所谓交互其实就是用DOM操作来模拟出各种“假象”。这个时候你会开始接触jquery，或许接触的还更早一些。你开始逐个尝试jquery封装好的各个API，发现用jquery书写代码确实简单了很多。jquery的学习和原生js的学习其实也没必要有严格的先后顺序，我一开始也是穿插的来学的。你只要清楚哪些是js的内容，哪些是jquery给你包装出来的快捷方法就行。

尝到jquery的甜头之后，你会发现一个大宝藏，那就是jquery插件。你要用到的各种组件网上基本上都有现成的，你开始在网上扒一些插件下来，自己连猜带蒙改改代码，改出一个自己能用的版本。你这个时候也会开始用jquery-ui，这一套比较完善的插件库，能解决你很多需求。

这就是第一阶段，你对js有了一个基本了解，自己摸索着能改改别人插件，差不多能写出一个完整的“玩具页面”了。

</