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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM