8-26 易科 日志(1)

心得体会

bootstrap是真的难,理解很容易,找自己想用的样式特别难找,多敲代码不要眼高手低

js

逻辑运算符:&&(与) ||(或) !(非)

逻辑短路

注意:逻辑短路无需关注最终的结果是true还是false,重点看第二个表达式是否有执行

  1. && 当第一个条件为false的时候,就不需要再执行第二个条件了
  2. || 当第一个条件为true的时候,就不需要再执行第二个条件了

三目运算符

由三个数据和运算符组成 条件表达式?表达式1:表达式2

判定结果:

​ 如果条件为true,执行表达式1

​ 如果条件为false,执行表达式2

if-else

if-else语句嵌套:switch(表达式){
case 值1:
语句1; break;
case 值2:
语句2; break;
...
default: 语句n;
}

switch-case语句

switch(表达式){
case 值1:
语句1; break;
case 值2:
语句2; break;
...
default: 语句n;
}

对比if-else和switch-case的区别

相同点: 两者都可以用于多项分支语句

不同点:

  1. if-else可以判断相等或者不相等的情况,使用范围广泛

  2. switch-case只能用于全等的比较,结构上更为清晰、合理,执行效率高

结构层html

## 样式层css

行为层JavaScript

字面量

字面量表示如何表达这个值,一般除去表达式,给变量赋值时,等号右边都可以认为是字面量

强制转换

程序员主动调用转化函数实现的类型转换,只要隐式转换的结果不是想要的结果的时候就使用强制转换

将数据转为数值型:Number()

NaN :NaN(Not a Number),JS中number类型的一个特殊值,代表一切不是数字的值,只要将其它类型转为数字时,无法正常转换时,都转为NaN

  1. NaN参与任何计算,结果依然是NaN
  2. NaN不大于,不小于,不等于任何值,包括自身

将数据转为整型:将数据转为number类型的整数,从开头开始,依次读取每个字符,只要碰到数字就保留,直到碰到第一个不是数字的字符就不再继续读取

实例:

​ parseInt(2.5) ==> 2

​ parseInt(undefined) ==> NaN

​ parseInt('2a') ==> 2

​ parseInt('string') ==> NaN

​ parseInt(true) ==> NaN

将数据转为单精度浮点型将数据转为number类型的浮点数(小数),从开头开始,依次读取每个字符,只要碰到数字和小数点就保留,直到碰到第一个不是数字和小数点的字符就不再继续读取

实例:

​ parseFloat('2.9a') ==> 2.9

​ parseFloat(true) ==> NaN

注意:

1.parseInt 和 parseFloat 在将布尔型、未定义型、空转为数值型的时候,都返回NaN;

2.如果将字符串转为数字,首选parseFloat,除非确定要舍弃小数部分采用parseInt

将数值型和布尔型转成字符串:

x.toStirng():注意:x不能是null和undefined

实例:

​ var n=5;

  n.toString();

String(x):注意:x可以是任何数据类型,其实隐式转换都是自动调用String()

实例:

​ String(123) // '123'

将数据转为boolean:Boolean(x)

规则:只有五个值会被转为false( 0 , null , NaN , undefined , "" ),其余任何值都转为true

实例:

​ Boolean(null) //false

​ Boolean('string') //true

心得体会

已经开始开展js课程了,但前面的知识点还没有完全巩固好,具体体现在用css布局boot官网时,想法放在那里,但却自己半天实现不出来,通过同学们的帮助才能一步步解决问题

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1