发表于: 2017-01-02 07:55:19

0 1700


今天完成的事情:

今天人品爆发找到了一个师兄写的日报,参考了他的代码终于搞清楚了任务一的逻辑。

首先是任务一用到的知识点,主要包括html DOM、定时器(setIterval)和随机数(random)

随机数的运用主要包括两点,一个是随机生成三个颜色,一个是随机选择九宫格的三个格子来改变颜色。

var r1=Math.ceil(Math.random()*255);

var g1=Math.ceil(Math.random()*255);

var b1=Math.ceil(Math.random()*255);

var color1="rgb("+r1+","+g1+","+b1+")";

Math.random()是令系统随机选取大于等于 0 且小于 1 的伪随机 double 值,给随机值先乘255再向上取整即可得到表示rgb格式的一个值。

ram1=Math.floor(Math.random()*9);

同理可确定随机的格子

square[ram1].style.backgroundColor = color1;

中间注意给盒子去重,避免变色个数少于3个

while (ram1 == ram2 || ram2 == ram3 || ram1 == ram3) {

  ran();

}

由于变色是一个连续的行为,且每次都只有三个变色,所以每次变色后还要把变色的格子还原。


明天计划的事情:

再对照着看看DOM基础知识,看看其他师兄的日报,还有没有别的更好的方法。

之后开始为任务2做准备,阅读相关知识点。


遇到的问题:

手生,虽然看了这么多天js,但是下手写代码的时候还是手生,头几天一直在看速度还是太慢,还是边写边想速度来得快。


收获:

搞懂了Math.random()的使用方法,Math.random()*(n-m)+m,会产生m-n的随机数。

明白了搞懂业务逻辑对js的重要性,不懂逻辑这任务没法做。

对使用DOM获取和改变html元素的方法有了初步的认识。


返回列表 返回列表
评论

    分享到