发表于: 2017-05-08 01:51:06

1 899


从css过度到js,为什么不能继续开班学习呢,连贯性被打断。。。

1、先看了慕课网前2篇的基础课程,倒是能看懂代码,当然上手另一回事大家懂的还是必须结合这边。

2、推荐的书《JS高级程序设计》到位了,感觉好枯燥,无法结合实际应用的情况下,感觉还不如视频教程效果好。

3、任务1比较基础,上手问题还是很多,知易行难,挑几个关键点说一下。

4、随机颜色:

var getRC=function(){

    return '#'+Math.floor(Math.random()*16777215).toString(16);

};

随机向下取整0-16777215,并转换为16进制,即函数返回一个随机颜色代码。    //16777215为16进制的颜色ffffff转成10进制的数字 

5、随机取方格:

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

        var a = Math.floor(Math.random()*count);

        var b = Math.floor(Math.random()*count);

        var c = Math.floor(Math.random()*count);

        if(a !== b && b !== c && c !== a){

            break;

        }

count为方块个数,随机方块序号为abc,增加if判断,同时互不相等的情况下,循环结束,得出abc值带入下面进行函数。

i<100,可以稍微取大一点,避免连续多次不满足条件后直接循环结束。

6、开始闪:

var int;

var funSet=function(){

    int=self.setInterval("getRan()",1000);//定义循环函数

}

开始闪函数getRan()需加入for函数将每一个方块颜色重置为默认。

7、停止闪:使用clearInterval函数取消循环,并for函数全部重置颜色。

问题:

1、之前外联js一直无效(内联正常),百度很久发现 

<script type="text/javascript" src=""></script> 这句话放到html最底部,</body>上面解决,好像是js加载顺序问题导致的,其实现在比较常用的写法是直接内置在html里面。。。

2、还是会出现方块重复的问题,调试后发现,随机取数是正常的,随机颜色会高频词变成默认颜色,请师兄指导下。

计划:

还是慢慢啃书,结合慕课网的视频看看,3天完成任务2。



返回列表 返回列表
评论

    分享到