防抖与节流

Posted by Sixiang Le on 2021-04-07

防抖: 将多次执行变成最后一次执行;
节流: 将多次执行变成每隔一段时间执行;

  • 防抖(deounce):

    • 可用于input.change实时输入校验,比如输入实时查询,你不可能摁一个字就去后端查一次,肯定是输一串,统一去查询一次数据。
    • 可用于 window.resize 事件,比如窗口缩放完成后,才会重新计算部分 DOM 尺寸
  • 节流(throttle),用于监听 mousemove、 鼠标滚动等事件,通常可用于:拖拽动画、下拉加载。