函数节流

demo1
onresize事件的函数节流

function trottle(method,context){
  clearTimeout(method.tId)
  method.tId = setTimeout(function(){
    method.call(context)
  },16)
}
function resizeDiv() {
  var div = document.getElementById('dic')
  div.style.height = div.offsetWidth + 'px'
  console.log(1)
}
window.onresize = function () {
  console.log(2)
  trottle(resizeDiv)//可以看出来1明显比2 打印的少
}

demo2
移动端touchmove事件的函数节流

handletouchmove (e) {
      if (this.done === true) {
        if (this.timer) {
          clearTimeout(this.timer)
        }
        this.timer = setTimeout(() => { // 函数节流操作
          console.log(1)
        }, 16)
      }
    },