发表于: 2017-03-27 21:36:56
2 653
今天完成的事情:开始JS任务1部分的代码编写,先按任务的步骤在走,但是因为没有学过JS,目前的进度并不理想,一天下来,还在如何实现随机颜色和随机盒子这块徘徊,不过网上找到不少关于随机实现颜色的帖子,方法似乎很多,还在对比研究实现原理。也找到了一个实现九宫格随机变色的帖子,打算明天就先按它的步骤进行代码的编写吧。
明天计划的事情:尽力完成任务1的随机变色的效果吧!
遇到的问题:任务中要实现随机盒子和随机颜色的效果。步骤中提示要看一下Math.random()函数,它只能实现0-1之间的随机数的生成,教程上并没有案例演示实现1以上数字的生成,所以就去找相关的帖子,发现只在其后乘以一个数值就可以。因为是随机生成,不免有小数,如果只要整数怎么办?就去查,发现这个函数再外套一个取整的函数就可以实现。取整的函数有:用Math.ceil()【向上取整】或 Math.floor()【向下取整】或Math.round()【四舍五入】,或者使用paseInt()。最后实现的效果就类似于这个样子:Math.round(Math.random()*16);
收获:目前就是摸着石头过河了,一点点拓展自己对JS,对DOM的认识,实践中总结经验。今天就学会了Math.random()和其他取整的方法。使用到了for循环和while循环。只是目前最不适应的一点是,不知道JS能不能和CSS一样,做一步就能直观的看到效果,好清楚自己哪里有问题,哪里是对的?
评论