JavaWeb——学习路径

1、JavaScript

预备知识：

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

 

1.JavaScript基本语法

这个阶段，主要去看下JavaScript的概念，基础数据类型，for循环。（while循环我都不推荐去看，用得很少，工作中基本都是for循环）

注：这个阶段尽量去网上看视频，不要去各种百度。这个阶段，主要是学习JavaScript的语法，看视频，一遍看不懂看两遍，直到你看懂了位为止。

重点：

for循环、if语句。

数组，字符串，function（包括传参和return），闭包的含义，JavaScript内置函数。

 

数组的常用方法，push，slice啥的尽量都要会，如果不会的话，就照着例子写，多写几遍就会了。

时间：3天。

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

2.JSON

 

在JavaScript中，我感觉json是重中之重！

一般来说，js创建对象有两种方式，一种是通过构造函数，也就是function的方式，另一种就是直接创建一个json。

这个阶段一定要好好理解一下json的概念，然后用json去做一些事情。比如，你写一个注册页面，里面有用户名，密码，年龄，邮箱等等的input框。你可以尝试一下，用json的方式，把这些数据装起来。

体会一下这样有什么好处？

最好能够体会到，json的作用，其实就是为了中转数据的。那么多数据，怎么才能够以一种较好的方式装起来呢？

你用数组自然可以，但是不够语义化，用json的话就恰到好处。它这个主要是用于描述一个对象的，而数组更多用来充当一个容器。

时间：1 ~ 2 天

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

3.dom

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

接下来，你可以给他添加样式，设置点击事件等等。

具体的话，随便网上找点资料或者视频来看就行了。这一块相对来说还是比较简单的。

注意：dom和css不是一回事，css是样式表，而dom是你用JavaScript取到的类似于div一样的东西，你可以用JavaScript代码去操作页面上的div元素。比如给他加一个样式。

那些css属性，不需要去背，只需要记住常用的就好了。用多了你自然会。

重点：

document.getElementById

document.getElementsByTagName

innerHTML，appendChild，

。。。

这个阶段，你一定要把浏览器的F12用得出神入化，反复使用，反复练习。

时间：2天

4.事件

了解一下基本的JavaScript事件模型，明白事件冒泡是怎么回事，什么时候要阻止冒泡。（事件捕获几乎用不到，不要去学了）还有，onclick和addEventListener的区别的是什么？我能不能自己封装一个通用的绑定事件函数？

时间：1天

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

5.jQuery

学完上面的这些内容，不要犹豫，不要慌张，立马钻入jQuery的学习中。这段时间，可以开始自己写一点小东西了。当然，要是心里没底的话， 还是以看视频为主，最起码，把jQuery的常用方法都过一遍。过一遍就行了，不要去多看。

然后，第二步，学习常用的jQuery方法，并且自己可以开始尝试着写写看，如何用纯粹的JavaScript来达到相同的效果。一些简单的方法，比如jQuery的css，height，width，addClass，removeClass，这些方法，你完全可以自己用js来模拟一下。

在今后的工作中，你开发前端页面的绝大多数时间，就是和jQuery打交道。所以，这一块必须要好好掌握一下。这个时候，可以去买书，也可以不买。但是最好有个自己的知识库，把常用的方法，和一些你觉得画得比较好的页面，特效等等，都保存下来。

或者，你也完全可以去网上写一写自己的博客，博客园，简书，csdn啥的，都可以。通过写博客，一来可以自己总结，二来也能帮助别人。

6.案例

这个阶段，正常情况下，js水平应该已经达到一定层次了。在接下来的日子，可以考虑来买一点书来看，当然，千万不要从第一页看到最后一页。有选择性的去看，并且，一定要带着批判的精神去看书，亲自去验证一下书中所说。为什么到这个时候，我才推荐去买书来看呢？很简单，因为到了这个阶段，你才能看得懂。如果是一个完全不懂编程的新人，直接去买书，看懂的概率很小，除非你真的是天纵奇才，具有极高的天赋。

尽量去买外文翻译过来的书，国产的书籍不太建议购买（当然，如果你是英语大牛的话，直接看原版，最好！）。至于为什么，大家都懂的。

我也看过很多很多的书，最后发现，国内的很多书，大都本着一种哪怕你再聪明，我也要把你说糊涂了的宗旨。这也是你为什么往往看书看不进去的原因。

而国外的书，美国的就挺好，不过我感觉写的最认真的还是日本的技术书籍。看起来感觉就不一样，写的通俗易懂不说，而且我甚至能看到作者为了出这本书，真的是耗费了巨大的精力！这是事实。颇有种哪怕你再笨，我也要把你教会的感觉。

我并不哈日，但说句实在话，人家写的书真的是一种奉献精神、值得敬佩。而不像我们国内的技术书籍，一大抄，真正能看看的好书不多。

这个阶段，一边看书，一边自己动手敲代码，写案例。比如说，你看到一个网站，觉得他的布局都挺好看的，你就可以思考下，我能不能来仿一个呢？

好了，前台页面有了，开始思考，这些数据哪来的？

肯定不可能页面里面全部写死吧，想想也不可能。那么毫无疑问，肯定是后台传过来的。

接下来，就开始思考怎么传过来的呢？于是乎，ajax技术又来了，马上再去学习ajax，带着疑问去学。

后台语言，比如说Java，自然而然的，会驱动你去学习。

以上的这些路线，只作为一个参考。当然，这些都还只是JavaScript学习的初步阶段，但是学习这个事情，本来就需要在工作中慢慢体会，自己主动去学的。难以通过一篇文章就说得清。最后，希望本文对诸位有所帮助，谢谢。

作者：剽悍一小兔
链接：https://www.jianshu.com/p/186dda919e6d
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。