前端面试准备--手写代码--防抖和节流

1、防抖(debounce)

  • 目的:避免用户多次触发事件,导致事件处理程序响应过快而产生抖动感。
  • 实现方法:触发事件时,利用定时器让事件处理程序在一段时间后执行。与此同时,在事件处理程序前若再次触发事件,则取消前一次的定时任务。
  • 实现代码




    
    
    
    Document



    



2、节流(throttle)

  • 目的与节流差不多。
  • 与防抖区别:防抖是只执行最后一次触发的事件,而节流是控制执行次数。
  • 代码实现




    
    
    
    Document
    







你可能感兴趣的:(前端面试--手写代码,前端,javascript)