发表于: 2017-06-10 23:49:11
1 1123
一、今天完成的事:
1.完成任务1;
二、明天的计划:
1.熟悉JS任务2;
三、遇到的问题:
1.更改方框背景色的时候,直接更改的dom节点的颜色,发现无法改变,通过console.log发现原来是数组,需要在单独对每个元素改变背景色;
2.数组去重的时候,用的do...while的定义不太理解,询问师兄后才明白do...while去重的代码;
3.对定时器不太理解,多次设置都无法实现功能,询问师兄后,发现需要在添加一个函数,在定义一个变量,将开始的定时器赋值一下,之后就正常运行,然后定义函数结束定时器;
四、收获:
1、do while循环去重问题,收获到do while的用法:
do...while 循环是 while 循环的变体。在检查while()条件是否为真之前,该循环首先会执行一次do{}之内的语句,然后在while()内检查条件是否为真,如果条件为真的话,就会重复do...while这个循环,直至while()为假。
do-while 循环语法 格式:
do
{
循环体;
}
while (条件表达); //条件表达,可以引用外传感器返回值。
以上循环将先运行一次,因为经过第一次do循环后,当检查条件表达式的值时,其值为 不成立时而会退出循环。保证了至少执行do{ }内的语句一次。
2.分享我的错误,希望大家明白为啥会出现;
var square = document.getElementsByClassName('square');
console.log(square);
// square.style.backgroundColor = "#FF890A";该方法错误,由于此时square获取所有class为square的数据,使其变成了一个数组,因此不能直接给square赋值,改变颜色,需要用for循环单独给每一个square赋值;
3.分享一下随机数去颜色值rgb的用法:
function bgColor(){
var r = Math.floor(Math.random()*256);
var g = Math.floor(Math.random()*256);
var b = Math.floor(Math.random()*256);
return "rgb("+r+','+g+','+b+")";//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换
}
评论