google授权第三方登录，.? 和 ??的用法以及一些css的小问题

1. js中?. 和 ?? 的用法

• ?. 可选链操作符，判断是否有该属性，有则返回，没有就返回undefined，不会报错。如this.video[index]?.detail?.width

  如果我们按照平常写this.video[i].detail.width，当video[i]为null或者detail为undefined时候，一定会报错说，不能从一个未定义的属性上取后面的xx属性。但是按照这个 则不会报错，只是直接返回undefined或者null

• ?? 判断是否为null 或者undefined，是就赋默认值，不是则取前面。如this.video[index]?.detail?.width ?? this.width

  这句代码的意思就是 如果video.detail.width存在，那么就取这个值，如果不存在，就取this.width这个默认值作为width。

2. 点击元素出现竖线

给元素加css属性user-select:none; ，不允许用户选中

给元素加css属性caret-color: rgba (0, 0, 0, 0) ;，设置竖线颜色透明

3. 页面出现弹窗后，滚动鼠标滚轮，背景会穿透滚动

<div class="window-bg">
  <div class="content"></div>
</div>
<