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>
<