自学路径

1.html + css （了解一下基本的标签即可，最起码要知道div，类选择器是什么，怎么引入css文件？还有那些常用的css属性，background，width,height等等）

结果：能够用 html + css 做一个网站的登录界面。

---

2.JavaScript基本，重点JavaScript的概念，基础数据类型，for循环。（while循环我都不推荐去看，用得很少，工作中基本都是for循环）。数组（数组的常用方法，push，slice啥的尽量都要会），字符串，function（包括传参和return），闭包的含义，JavaScript内置函数。

结果：能够自己写一个function，知道function是什么意思，会用alert，conole.log调试程序，最好能直接通过浏览器的F12查看控制台，在里面练习和调试。数组要多看看，了解数组的增删改查怎么用的，条件允许的话，你可以通过数组来模拟一下Java中的ArrayList。

---

3.JSON，在JavaScript中，json是重中之重！js创建对象有两种方式，一种是通过构造函数，也就是function的方式，另一种就是直接创建一个json。理解json的概念，然后用json去做一些事情。比如，你写一个注册页面，里面有用户名，密码，年龄，邮箱等等的input框。你可以尝试一下，用json的方式，把这些数据装起来。

结果：能够熟练使用json来装载数据。自己想一个恰当的比喻，来形容一下json像什么东西？最好自己想，通过这个比喻来更加牢固得记忆 JSON 以及它的用法。别人举得例子再好，也比不上你自己的例子。

---

4.dom，就是通过JavaScript来获取页面上的一些元素。比如你写一个div，它的id叫做box，那么就可以通过document.getElementById('box')的方式获取这个dom元素。

重点：

document.getElementById

document.getElementsByTagName

innerHTML，appendChild，。。。

---

5.事件，理解基本的JavaScript事件模型，明白事件冒泡是怎么回事，什么时候要阻止冒泡。（事件捕获几乎用不到，不要去学了）还有，onclick和addEventListener的区别的是什么？

结果：能够模拟jQuery的on函数，封装一个自己的方法，达到和jQuery一样的效果，最好能兼容所有浏览器。

---

6.jQuery，把jQuery的常用方法都过一遍

---