最近修改的bug学到的东西

1.react-echarts的tooltip之前都是正常全部显示的，某个版本发现显示不对了，超出的区域被遮挡了（实际是隐藏起来了），整半天以为是z-index的问题，实际上是这块的上级有overflow为hidden

2.axios满足某个条件丢弃后续所有请求，使用 CancelToken，然后在符合条件的代码处调用source.cancel(),被取消的请求会走axios的响应拦截的error方法，可以使用axios.isCancel(error)判断是否被取消的请求

1. const CancelToken = axios.CancelToken;

2. const source = CancelToken.source();

3. 请求的config.cancelToken = source.token; // 写入取消请求的标识

4. source.cancel(); //调用取消请求函数

 

3.可以使用监听全局的promise的reject，做处理防止页面或者控制台报错，阻止默认行为

window.addEventListener("unhandledrejection", (event) => {

      //监听取消请求的reject,阻止控制台报错

      event.preventDefault()

    });

 

 这种取消请求会把后续所有请求都取消了，https://www.jianshu.com/p/130f0d74406e（含有单独取消请求的方法）是在响应里面拦截的，所以有些请求是已经发送出去了，也有正常的响应，只是在响应里面被reject了，同样可以使用全局监听处理

window.addEventListener("unhandledrejection",(event)=>{

      //监听取消请求的reject,阻止控制台报错

      event&&event.reason.msg==="isCancel"&&event.preventDefault();

    });

 

 

//滚动条，不要写在类里面，写在样式的最外面，块的类名::滚动条伪类{}

 

   div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    opacity: 0.2;
    background: fade(@primary-color, 60%);
  }
  div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: fade(@primary-color, 30%);
  }