发表于: 2018-10-22 22:28:48

1 630


【今天完成的事】

 完成js任务1。上传到github后,想用github的pages看一下效果,却总是404 not found,然后各种折腾,各种改,各种怀疑人生,结果最后无意间在官方的状态中看到一句话:We are validating the consistency of information across all data stores. Webhooks and Pages builds remain paused.心头千万只神兽都在呵呵,我这一个多小时都干了啥!今天本来就忙,好不容易挤出来的学习时间全都东流水了。

【明天计划的事】

1. 用JS写了个轮播图,问题成堆,明天继续改bug;

2. 看完张鑫旭的css世界最后一章;

【遇到的问题】

js的任务1中,点击开始按钮,各种颜色混在一块乱闪,借助f12检查发现是落了比较重要的一个步骤,每次为选中的小方格添加颜色之前,必须要将上一次被选中的小方格颜色清除掉。

【收获】

1. js的random方法:

Math.ceil();  //向上取整。

Math.floor();  //向下取整。

Math.round();  //四舍五入。

Math.random();  //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.8647578968666494

Math.ceil(Math.random()*10);      // 获取从1到10的随机整数 ,取0的概率极小。

Math.round(Math.random());   //可均衡获取0到1的随机整数。

Math.floor(Math.random()*10);  //可均衡获取0到9的随机整数。

Math.round(Math.random()*10);  //基本均衡获取0到10的随机整数,其中获取最小值0和最大值10的几率少一半。

2. 产生随机颜色的方法(方法有很多种),以下两种是新手友好型的方法,分别生成的是rgb颜色和十六进制颜色,比较好懂。

(1)

//获取随机颜色的函数 rgb颜色

function randomColor() {

    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 + ")";

}


(2)

//随机自动生成一个十六进制的颜色

function randomColor(){

    var arrColor1 = [];    

    var color = "#"

    for(var i =0; i < 6; i++){

//将随机取得的数字转成16进制

        z = (Math.floor(Math.random()*16)).toString(16);  

//将十六进制的数存入数组arrColor

        arrColor1.push(z);

}

    color += arrColor1.join("");

    return color;

}







返回列表 返回列表
评论

    分享到