心得体会

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官网时，想法放在那里，但却自己半天实现不出来，通过同学们的帮助才能一步步解决问题