发表于: 2019-07-05 18:54:26

1 856


今日完成:将任务三的页面布置大致完成


今日收获:

1 了解了js取整,取余操作

取整:

// 丢弃小数部分,保留整数部分

parseInt(5/2)  // 2

取余

// 取余

6%4 //2

参考文档:https://www.cnblogs.com/ooo0/p/6290201.html


2 重新了解并使用了数据类型之间的转换

Number() 转换数值,String() 转换字符串,Boolean() 转换布尔值

参考文档:

http://www.w3school.com.cn/js/js_type_conversion.asp


3 了解了Number()和parseInt()的区别

Number函数将字符串转为数值,要比parseInt函数严格很多。基本上,只要有一个字符无法转成数值,整个字符串就会被转为NaN

parseInt('42 cats') // 42

Number('42 cats') // NaN

上面代码中,parseInt逐个解析字符,而Number函数整体转换字符串的类型。

另外,parseIntNumber函数都会自动过滤一个字符串前导和后缀的空格。

parseInt('\t\v\r12.34\n') // 12Number('\t\v\r12.34\n') // 12.34

参考文档:https://wangdoc.com/javascript/features/conversion.html

4 重新了解了return的用法

之前一直以为return就是一个返回值和终止循环的作用,今天发现return还有一个可以进行循环的作用,

这是之前任务一的代码,当时就是觉得函数写出来之后没有循环,然后就加上了for循环

 function chooseCell(){
           for(var x=Math.floor(Math.random()*Divs.length);;){            
              break;
           }
           for(var y=Math.floor(Math.random()*Divs.length);;){                
               break;
           }
           for(var z=Math.floor(Math.random()*Divs.length);;){              
               break;
           }
           if (x===y){
           x=Math.floor(Math.random()*Divs.length);
          }else if(y===z){
           y=Math.floor(Math.random()*Divs.length);
          }else if(x===z){
           z=Math.floor(Math.random()*Divs.length);
          }
           Divs[x].style.backgroundColor = color() ;
           Divs[y].style.backgroundColor = color() ;
           Divs[z].style.backgroundColor = color() ;      
       };

了解return的用法之后,知道了return是可以当作循环的,所以就直接使用return代替了三个for循环

这是更改过后的代码

function chooseCell(){
           var x=Math.floor(Math.random()*Divs.length);
           var y=Math.floor(Math.random()*Divs.length);
           var z=Math.floor(Math.random()*Divs.length);
           if (x===y){
           x=Math.floor(Math.random()*Divs.length);
          }else if(y===z){
           y=Math.floor(Math.random()*Divs.length);
          }else if(x===z){
           z=Math.floor(Math.random()*Divs.length);
          }
           Divs[x].style.backgroundColor = color() ;
           Divs[y].style.backgroundColor = color() ;
           Divs[z].style.backgroundColor = color() ;
           return;        
       };

5 关于value值的应用,在button和input上面使用更常见


今日收获:感觉每次查完资料之后,就打开日报记录下来这样更加有利于自己回顾,因为自己在查资料之后通常会有种今天仿佛没看几个知识点的错觉。

明日计划:将任务三完成


返回列表 返回列表
评论

    分享到