2021.12.20(笔记):before 和 :after伪元素指定了一个元素文档树内容之前和之后的内容。由于inpu

:before 和 :after伪元素指定了一个元素文档树内容之前和之后的内容。由于input标签不是可插入内容的容器。所以这里下划线无法通过伪元素来实现。需要借助其他 dom 节点。
可选链(?.)
终于看到?.这个东西了,其实这个就叫做可选链,表达的意思,就和if else先判空再赋值的例子是一个意思,只有当a存在,同时a具有name属性的时候,才会把值赋给b,否则就会将undefined赋值给b.重要的是,不管a存在与否,这么做都不会报错.
```
//只有当a存在的时候,我才会去访问a的name属性
let a
let b
if(!!a){
    b = a.name
}else{
    b = undefined
}
```
```
//上面代码的简单写法
let a
let b = a?.name
```
```
//还可以链式调用
let a
let b
b = a?.name?.age?.haha?.就是不报错
a?.b?.c("还是不报错")
```
空值合并运算符(??)
```
let b
let a = 0
let c = {name:'zfz'}

b = a ?? c
```
上面的例子,当a除了undefined、或者null之外的任何值,b都会等于a,否则就等于c
空值赋值运算符(??=)
```
let b = '你好';
let a = 0
let c = null;
let d = '123'
b ??= a; // b = "你好"
c ??= d; // c = '123'
```
当??=左侧的值为null、undefined的时候,才会将右侧变量的值赋值给左侧变量.其他所有值都不会进行赋值.同样在一些场景下,可以省略很多代码