{ 性能优化 }

  • JS函数节流(throttle)与函数去抖(debounce)

    | /

    背景

    在浏览器 DOM 事件里面,有一些事件会随着用户的操作不间断触发。如:改变窗口大小(resize)、鼠标滚动(scroll)、鼠标移动(mousemove),如果把逻辑函数直接绑定到这些事件上,会严重影响性能,再比如把ajax请求直接绑定到keydown事件上,将在用户输入时产生频率很高的ajax请求,给服务器造成不必要的响应压力。