发表于: 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";

这个例子与前面的例子是等价的。

  
  

   



返回列表 返回列表
评论

    分享到