发表于: 2018-06-25 14:19:01
1 616
今日完成:
准备小课堂
完成JS1
明日计划:
小课堂收尾工作
任务二逻辑理清楚,最好能写出伪代码。
今日问题:
1.如果3个随机数不是互相不相等,那1s(定时的时间)之内这个程序只跑上半部分。所以修改了一下。添加了else部分,如果不符合,重新跑一遍,直到可以成功。测试时没问题的。
function begin() {
for(var i =0;i < list.length;i++){
list[i].style.backgroundColor = "";
}
var one = Math.floor(Math.random()*list.length);
var two = Math.floor(Math.random()*list.length);
var three = Math.floor(Math.random()*list.length);
if( one!=two && two!=three && three!=one){
list[one].style.backgroundColor = color();
console.log(list[one]);
list[two].style.backgroundColor = color();
console.log(list[one]);
list[three].style.backgroundColor = color();
console.log(list[one]);
}
}
function begin() {
for(var i =0;i < list.length;i++){
list[i].style.backgroundColor = "";
}
var one = Math.floor(Math.random()*list.length);
var two = Math.floor(Math.random()*list.length);
var three = Math.floor(Math.random()*list.length);
if( one!=two && two!=three && three!=one){
list[one].style.backgroundColor = color();
console.log(list[one]);
list[two].style.backgroundColor = color();
console.log(list[one]);
list[three].style.backgroundColor = color();
console.log(list[one]);
}else{
begin();
}
}
2.看师兄们日报关于任务一中出现的问题很多与数组有关,通过循环来做的给随机三个格子下标,感觉自己这个方法偏幼稚。。。。明天学习下洗牌算法。
今日收获:
1.通过讲小课堂加深了对BFC理解,BFC特性可以分为3部分:
家教严格--包裹浮动
减少隔阂--同一个 BFC 下外边距会发生折叠
化敌为友--自适应两列布局
但确实,应用了BFC会有相对副作用,所以一般用的比较少。BFC能应用和解决的,都有替代方案。BFC是CSS2.1时代的娇儿,现在新的发展和新的方式(比如flex)大行其道。对于BFC了解就可以了。
2.引用类型
引用类型的值是引用类型的一个实例,在ECMAScript中,引用类型是一种数据结构,用于将数据和功能组织在一起。引用类型有时候也被成为对象定义,因为描述的是一类对象所具有的属性和方法。
引用类型有object类型、Array类型、Date类型、RegExp类型、Function类型,以及3个特殊的引用类型:Boolean、Number、String。
一【Object】 一般看到的大多数引用类型值都是Object类型的实例。而且,object也是ECMAScript中使用最多的一个类型。
创建object实例的方式有两种。
1.第一种是使用new操作符后面跟Object构造函数
var person = new Object();
person.name = "hello";
2.另一种是使用对象字面量表示法。对象字面量是对象定义的一种简写方式,目的在于简化创建包含大量属性的对象的过程。
var person = {
name = "nicholas";
}
在使用对象字面量语法时,属性名也可以使用字符串。
var person = {
"name" : "nicholas";
}
另外,使用对象字面量语法时,如果留空花括号,则可以定义只包含默认属性和方法的对象。
var person = {} // 与 new Object() 相同
person.name = "nicholas";
这个例子与前面的例子是等价的。
评论