发表于: 2017-07-01 16:17:08

4 1034


首先github很虐心,前几天自己就折腾过,不过还是不怎么了解,我想我在以后的时间好好去学习一下!

回顾一下今天的任务,闪烁的九宫格,感觉很有趣的一个任务,花了差不多8小时才完成,不过我是因为有基础,所以花的时间少一点。

1、创建html以及css文件,我把他们保存在一起,链接外部JS文件。  css采用display:inline-block,来摆放位置。(专业术语学的少了点-有待加强)。整体采用class方式。

2、在JS当中,首先我之前采用的是ID值方法,,结果,我排除问题花了好久时间,最后还是问的以为大神(大材小用了),ID类是唯一的,所以改变了方法,采用了class,

var item = document.getElementsByClassName("item");

,同时class类名,不能例如

item.style.background    //不能直接对其进行使用!

所以,要对其使用的话item[0],[这里面是数字,也就是排序的值]

其中,应用到了,随机生成颜色,以及随机生成九宫格,不过只应用到了

Math.random()

让我了解的更清楚,同时,math 的ceil -向山取整 floor 向下取整

 贴上一个链接:随机获取颜色值  就是对闭包的了解少了点  。还是不懂。



其中后面我自己加了一个,遮罩层,为了巩固昨天的学习,本来想做一个倒计时,但是找了好久,不怎么了解,后面继续改进一下!

我的gitjhub -点我 

成果展示   点我


返回列表 返回列表
评论

    分享到