字母栏滚动优化是截流还是防抖

来源:8-7 Vue项目城市选择页 - 列表性能优化

安然自若6

2018-12-02

handleTouchMove (e) {
      if (this.touchStatus) {
        if (this.timer) {
          clearTimeout(this.timer)
        }
        this.timer = setTimeout(() => {
          const touchY = e.touches[0].clientY - 79
          const index = Math.floor((touchY - this.startY) / 20)
          if (index >= 0 && index < this.letters.length) {
            this.$emit('change', this.letters[index])
          }
        }, 16)
      }
    },

老师感觉这个地方是用了防抖吧,感觉不像是截流,因为这个16ms和17ms的差别太大了,17ms滑动字母栏会非常卡顿,20ms就更卡顿了,感觉是跟浏览器的17ms刷新一次有关系,但是有想不通,用之前自己认为的截流方式感觉16ms和20ms滚动起来差别并不大,表示很疑惑

写回答

1回答

Dell

2018-12-02

我记不得这里了,实际上我就是希望不抖动

0
0

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程