发表于: 2017-03-29 21:54:31

2 1284


今天完成的事情:

 上午解决了昨天遇到的两个问题,第一个Uncaught ReferenceError: start is not defined报错的解决方法,这个问题其实比较容易忽略,因为在CSS任务部分,这个问题已经有解决方法了,只是用多了反而不知道了。后来经过相博师弟的提醒,就是引入外部JS文件时,不是在link标签中引入,而是在script标签中引入,如果引入的JS代码中有乱码的话,还要在script标签中声明编码格式。

 关于第二个问题,就是“ Uncaught TypeError: Cannot read property 'style' of undefined”的报错,结合昨天在网上找到的一些捕风捉影的原因分析,认为是box[x]中的x变量值或者是颜色的十六进制值出问题了。但是鉴于出现这个错误后,只有1或2个盒子背景色发生变化推断,x值的问题可能更大一些,所以就向上寻找问题的原因。发现

根据前天日报的总结,Math.round是四舍五入地取整数,而前边的total变量定义的是九个盒子的数组值数量,也就是极有可能取到“9”这个数,所以就改成了

报警的情况就消失了,让代码运行了一个多小时,没发现再出现问题,应该是没有问题了。

后来就开始处理怎么实现开始,停止的控制。按照任务1的流程继续向下探索。下午学习了一下浏览器断点调试的内容,用任务1实践了一下学到了断点,查找问题的思路,有查看了一下《JavaScript高级程序设计》中关于错误处理与调试方面的基本知识。晚上下载了任务2桌游精灵的app,看了看任务2的流程,因为今天小课堂讲数据类型,又把这部分查看了一遍,加深一下自己的理解和印象。

明天计划的事情:开始任务2的学习,制作任务2的静态页面。

遇到的问题:上午解决完昨天遗留的两个问题以后,点击“开始闪”按钮发现点击一次以后还能再点,并且随机的盒子背景色变化也更快了,点击“结束闪”按钮,也不起作用,关闭不掉了。心里就想怎么让开始闪”只点击一次就不能点了,点击“结束闪”按钮能起到设置好的关闭的作用,同时开始闪”还能回复以前的点击功能。在网上找了一个小时,方法很多,好多用JS写出来的,感觉代码不少,无意中找到了菜鸟教程中DOM button对象,在对象属性里看到disabled,定义是设置或返回是否禁用按钮。突然感觉这就是我想要的东西呀!这么直白,就点开查看它的属性值,就是true和false两个,嗯,这个好做,就在开始函数和结束函数中分别添加了这两个值,再运行就解决了!

收获:网上整理了三种实现随机生产十六进制颜色数值的方法,并整理到了自己的JS文件中查看是不是都能使用。发现都可以运行,在此附上,方便大家查看和进一步实践看有没有问题:

学会了setTimeout和setInterval的用法,最终使用setInterval()完成了任务,并使用clearInterval()进行停止,这个时候还注意到了括号中的变量作用域的问题。还有根据小课堂的讲解和晚上看书的过程,更清楚了数据类型的分类,转换等方面的知识。附上任务1的成果。


返回列表 返回列表
评论

    分享到