防抖与节流

一、防抖

    等触发完事件n秒后不再触发,才执行。

  场景:

  • 1.浏览器窗口 缩放,resize事件,常见于需要做页面适配的时候,需要 根据最终呈现的页面情况进行dom渲染

  • 2.表单的按钮提交事件,例如登录,发短信,避免用户点击太快,以至于发送了多次请求

  • 3.search搜索框输入,只需用户最后一次输入完在发送请求

  • 4.文本编辑器实时保存,当无任何更改操作1s后进行保存

二、节流

    当持续出发事件,每隔一段时间,只执行一次事件。

   场景:

  • 1.鼠标不断点击触发,mousedown(单位时间内只触发一次) mousemove事件

  • 2.商品预览图的放大镜效果

  • 3.谷歌搜索框(支持实时搜索),搜索联想功能

  • 4.scroll事件,每隔1s计算一次位置信息

  

posted @ 2022-04-02 11:13  ajaXJson  阅读(24)  评论(0编辑  收藏  举报