发表于: 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。
评论