防抖与节流

2022-06-08    分类: 网站建设

1. 节流Throttle - 调用多次、只第一次调用有效

在一段时间内,不论触发多少次调用,都以第一次为准。 输入框补全提示,只需要每两秒补全一次。
主要思路利用时间戳判断,每次调用判断和上一次调用的时间差异确定是否需要调用。 throttle实际是一个工厂函数,可以将一个函数封装为一个带有节流功能的函数。

2. 防抖Debounce 最后一次为准

在一段时间内,不论触发多少期回调,都已最后一次为准。 比如:以用户拖拽改变窗口大小,触发 resize 事件为例,会触发组件重新布局,这里面只有最后一次调用是有意义的。
实现的话可以使用定时器执行函数,新调用发生时如果旧调用没有执行就清除之前的定时器。

网站题目:防抖与节流
文章地址:https://www.cdcxhl.com/news/165154.html

成都网站建设公司_创新互联,为您提供ChatGPT网站建设App设计企业建站标签优化Google

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

小程序开发