vue中使用window.resize並去抖動優化

this.clientWidth = document.documentElement.clientWidth
window.onresize = () => {
    this.clientWidth = document.documentElement.clientWidth
}

上述代碼可以實現效果，但是執行的太過於頻繁，會造成一定的性能損耗，對此進行了防抖優化。

優化后代碼如下：

this.clientWidth = document.documentElement.clientWidth
let resizeTag = true
window.onresize = () => {
  if (resizeTag) {
    this.clientWidth = document.documentElement.clientWidth
    resizeTag = false
    setTimeout(() => {
      resizeTag = true
    }, 100)
  }
}

 參考：https://blog.csdn.net/aliguagua/article/details/78633309