防抖和节流理解

防抖和节流都是某段时间间隔之内执行一次,但是具体表现不一样;
防抖:点击按钮后500毫秒没有在点击过,则触发事件,否则立刻再点击一次会取消上一次的事件,然后重新计时。
节流:点击按钮后立刻执行,然后从当前时刻开始累积计时500毫秒之后,才能再点击一次
如果设置了500毫秒为事件间隔,你每1s去操作一次按钮的话,两者表现是一样的。但是如果你每400ms去点击一次的话,防抖的函数会一直取消上一次,不会触发事件;而节流则依然按照500ms的间隔执行
防抖一般用于:用户多次频繁操作,但是大量的操作都是无效操作的情况
而节流用于每一次操作都是有效操作
输入框,用户一般会输入很多次,但是除了最后一次前面的操作好多都是拼音输入,都是无效的

应用场景:

  • 防抖
    • 用户在不断输入值时,用防抖来节约请求资源
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概念 函数防抖(debounce) 当调用动作过n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执...
    yuanjiex阅读 3,798评论 0 1
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,855评论 0 17
  • 在日常开发中,我们经常能够碰到以下工作场景: 对提交按钮进行变态的点击压力测试输入框内容的实时校验(譬如验证用户名...
    叫我小徐阅读 4,654评论 0 5
  • 在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负...
    iqing2012阅读 4,200评论 0 1
  • 到杭州三日,慢慢熟悉环境。心思平稳,未有太强奋斗的意志,亦未有些微兴奋的迹象。幸得帮助,可以顺利入住,现可不为外事...
    鱼礼阅读 2,144评论 0 0

友情链接更多精彩内容