发表于: 2016-12-14 23:10:58
2 1760
一、今天完成的事情
1.看了一天的javascript dom编程艺术;
二、明天要做的事情:
1.继续看并且进行实践,争取能看到三分之二;
三、今天的收获:
1.首先是CSS,css属性书写顺序,首先是位置(position,top,right,z-index,display,float),其次是大小(width,height,padding,margin)然后是文字相关属性(font,line-height,letter-spacing,color,text-align)接着是背景(background,border)最后是其他(animation,transition等)
2.对象可以看做是一个数组,之中可以设置带有意义的属性,方便存储数据,比如,我有一个对象,其中包含了我的名字、岁数、性别等属性student1,另外还有一个对象:成都修真院线下学员cdxzy,此对象中有一个属性是我的名字frank,我将该对象此属性的值取为包含了我的所有信息的这个对象,alert(cdxzy.frank.sex)就能够提取到我的性别信息。var student1={name:"Frank", year:18, sex:"male"}; var cdxzy={}; cdxzy.frank= studen1;]
3.函数和变量用不同的方法来命名,比如函数用驼峰法,变量用下面加下划线的方法
4.在函数中,必须使用var来命名变量,让他自给自足,如果不用var来命名,它就成为了全局变量!
5.属性和方法在一起构成了对象,假如我们人是一个对象,我们的年龄等其他情况是里面的属性,那么,我们这么多人,不可能只用一个对象来表示,所以我们就引入了实例, var frank = new person frank是person中的实例。
6.javascript内置了很多对象,这些对象都有他们各自的属性和方法,以我的理解,他们就相当于CSS中的一个大属性,比如flex,里面有很多小属性。
7.使用对象的时候,首先创建它的实例,这里以data对象为例,第一步创建新实例:var use = new Data() ,第二步使用新实例 var tody = use.getDay()。这里是使用了data中的getday方法。
8.操作符是获取了元素之后,对元素要做什么,相当于一个内置的方法。
9.做一个点击图片就在下面显示。不会翻页的页面:首先,建立一个函数,名字随便取function showpic(witchpic),下一步,获取a标签的href元素,document.getAttribute("href"),可以用一个变量来声明它,比如,var source=witchpic.getAttribute("href"),下一步,我们获取打板图片的id,.getEllementById("placeholder"),也可以用一个变量来声明它,var placeholder=document.getEllementById("placeholder"),然后,将id里图片的src改为a中的src,placeholder.setAttribute("src",source),最后我们使用onclick来定义点击事件,用this来表示这个函数,并且onclick返回flase,让其不打开下一页面,所以我们在a标签中添加onclick=“showpic(this);return:flase;”
10.DOM:D代表document,当你的网页生成的时候,就是自动生成了一个文档,网页也即是文档对象,O代表object,即是对象,在js中,对象分为三种类型,用户定义对象,内建对象和数组对象。M代表的是模型,也可以说成是地图,它的形状是树状的,在CSS的时候我们就接触并使用过这种树状结构!
贴一下我的git地址,根据书里面写了几个小demo:https://github.com/zmyfrank/jstask
评论