发表于: 2019-07-03 23:06:14

1 865


今日完成:

1 将js二的任务设置画面的css完成,但流程图的js部分未做

2 了解了页面跳转

今日收获:

1 了解js改变页面css

document.getElementById(id).style.property = new style

2 了解let和var的异同

let和var关键字的异同
声明后未赋值,表现相同
'use strict';
(function() {
  var varTest;
  let letTest;
  console.log(varTest); //输出undefined
  console.log(letTest); //输出undefined
}());12345678
使用未声明的变量,表现不同:
(function() {
  console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)
  console.log(letTest); //直接报错:ReferenceError: letTest is not defined
  var varTest = 'test var OK.';
  let letTest = 'test let OK.';
}());1234567
重复声明同一个变量时,表现不同:
'use strict';
(function() {
  var varTest = 'test var OK.';
  let letTest = 'test let OK.';
  var varTest = 'varTest changed.';
  let letTest = 'letTest changed.'; //直接报错:SyntaxError: Identifier 'letTest' has already been declared
  console.log(varTest); //输出varTest changed.(注意要注释掉上面letTest变量的重复声明才能运行)
  console.log(letTest);
}());123456789101112
变量作用范围,表现不同
'use strict';
(function() {
  var varTest = 'test var OK.';
  let letTest = 'test let OK.';
  {
    var varTest = 'varTest changed.';
    let letTest = 'letTest changed.';
  }

  console.log(varTest); //输出"varTest changed.",内部"{}"中声明的varTest变量覆盖外部的letTest声明
  console.log(letTest); //输出"test let OK.",内部"{}"中声明的letTest和外部的letTest不是同一个变量
}());

明日计划:

1 将任务十三上交

2 将参数页面完成

今日疑惑:在使用span时发现,其实span并没有那么好用,虽然自带display:inline-block属性,但是在操作样式方面,

比如写一个圆点或线的时候,div相对来说更加好用,而span的高度并不好操控



返回列表 返回列表
评论

    分享到