Fork me on GitHub

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

js节流、防抖原理、代码及使用环境

Document

在前端开发中,会遇到一些频繁触发的事件监听器(scroll、mousemove、resize)

这样会频繁的调用JS,造成卡顿、更严重的性能问题

  • 防抖:

    在事件触发 N 秒后调用事件,如果这 N 秒内又被触发,则重新计时
    • 应用场景:用户在输入框中连续输入一串字符后,只会在输入完后去执行最后一次的查询ajax请求
  • 节流:

    每 N 秒内只能触发一次事件
    • 应用场景:鼠标连续不断地触发某事件(如点击),只在单位时间内只触发一次
posted @ 2020-10-30 10:24  365/24/60  阅读(158)  评论(0编辑  收藏  举报