前端小笔记

一、css篇

1.为什么鼠标放上去没有cursor: not-allowed;禁用样式，虽然不能点击了 但鼠标还是箭头?

答： 因为设置了 pointer-events:none; 把所有点击事件全部禁掉了，所有cursor 也没有了

二、js篇

1、安卓设备在微信中播放视频结束后出现广告的解决办法

1）先判断是安卓还是ios:

           let isiOS = !!navigator.userAgent.match(/(i[^;]+;( U;)? CPU.+Mac OS X/)

2) 在视频播放完成事件中添加，先播放视频再暂停视频即可:

  在react中

    let _this = this;
     this.videoref.addEventListener('ended', () => {
        if (!isiOS) {
          _this.videoref.play();
            setTimeout(() => {
              _this.videoref.pause();
            }, 100)
        }
      })

2、监听微信视频退出全屏

1) 安卓

     this.videoref.addEventListener('x5videoexitfullscreen', () => {
        。。。
     }) 

2) ios

     this.videoref.addEventListener('webkitendfullscreen', () => {
        。。。
     })

3、setTimeout的第三个参数的作用

  function sum(x,y,z){
       console.log(x+y+z);
  }
  setTimeout(sum,1000,1,2,3);
   答案为：6

可以看出，第三个及以后的参数都可以作为sum函数的参数。

三、react篇

待续。。。