发表于: 2017-03-30 21:11:49
1 1281
今日完成:
今日开始学习任务1,还未完成。
明日计划:
继续学习任务1,开启任务2.
遇到的问题:
1.开始任务1时,在如何取到三个不重复的随机数上卡住。开始是想通过循环,如果值相同就返回继续取值,但是一直不成功(晚上才发现当时可能语法或者拼写有错误);然后换思路,准备新建数组,取了一个值后,删除这个数组(改变原数组),继续取值。无奈基本功不够(或者也是拼写错误),没有成功;继续换思路,想要通过取一个数值,原数组这个地方为null(不改变原数组),继续取值,也未成功。
随后用了笨办法:取三个值(a b c),然后设定条件。a= b 或c 时,a++,以此类推,且超过最大值8时a--。下午和师兄沟通,发现上午想的第一种方法是可行的(通过循环来取不一样的值),无语。。。
2.三个小格子取值后,如何返回原本颜色。我用的方法是通过setTimeout,将背景颜色改回来。外面再嵌套一个setInterval,进行格子颜色的渲染。但是
setTimeout事件的发生顺序有问题,导致颜色更改不及时。和师兄沟通后换个方法,在页面开头清空就好。
收获:
1.如果抓取dom,方式有很多,通过id名,class名等等都可以。我用的是querySelectorAll。
2.如何获取随机颜色,方法挺多。我用的是代码比较少的一种:querySelectorAll'#' + ('00000' + (Math.random() * 0x1000000 << 0).toString(16)).slice(-6);
3.对js函数运行方式,语言逻辑有了初步认识。
评论