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
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。