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

相关文章:

  • 2021-04-10
  • 2021-12-10
  • 2022-12-23
  • 2022-12-23
  • 2021-07-23
  • 2022-12-23
  • 2021-06-12
  • 2022-12-23
猜你喜欢
  • 2021-06-27
  • 2022-12-23
  • 2022-03-02
  • 2022-12-23
  • 2021-11-06
  • 2021-12-09
相关资源
相似解决方案