发表于: 2017-03-04 23:48:34

2 786


今天完成的事情:重构了任务7

明天计划的事情:给任务7加左侧弹出菜单,并开始任务14

遇到的问题:

一、 对文件夹的管理好乱,每个任务一个仓库,十几个css任务的文件和其他文件混在一起,连bootstrap的框架都没有共用一个文件。还是建立一个大仓库比较好。

二、 买的js书终于到了,看一下,写了一个随机改变div背景颜色的函数:

function change_color() {
   var divs = document.getElementsByTagName("div");

   //        生成3个不同的1-8的随机数
   var num1 = Math.random() * 8.99999999999999999999;
   num1 = Math.floor(num1);
   do {
       num2 = Math.random() * 8.99999999999999999999;
       num2 = Math.floor(num2);
   } while (num1 == num2);
   do {
       num3 = Math.random() * 8.99999999999999999999;
       num3 = Math.floor(num3);
   } while (num3 == num1 || num3 == num1);
   //生成3rgb
   var ran1 = Math.random() * 255;
   var ran2 = Math.random() * 255;
   var ran3 = Math.random() * 255;
   ran1 = Math.round(ran1);
   ran2 = Math.round(ran2);
   ran3 = Math.round(ran3);
   var ran4 = Math.random() * 255;
   var ran5 = Math.random() * 255;
   var ran6 = Math.random() * 255;
   ran4 = Math.round(ran4);
   ran5 = Math.round(ran5);
   ran6 = Math.round(ran6);
   var ran7 = Math.random() * 255;
   var ran8 = Math.random() * 255;
   var ran9 = Math.random() * 255;
   ran7 = Math.round(ran7);
   ran8 = Math.round(ran8);
   ran9 = Math.round(ran9);

   divs[num1].style.backgroundColor = "rgb(" + ran1 + "," + ran2 + "," + ran3 + ")";
   divs[num2].style.backgroundColor = "rgb(" + ran4 + "," + ran5 + "," + ran6 + ")";
   divs[num3].style.backgroundColor = "rgb(" + ran7 + "," + ran8 + "," + ran9 + ")";
}

写的很蠢,但是有效


遇到了一个问题,这样写是无效的:

divs[num3].setAttribute("backgroundColor","rgb(" + ran7 + "," + ran8 + "," + ran9 + ")");


收获:还是太年轻了,得多学习


返回列表 返回列表
评论

    分享到