防抖(Debounce)
防抖是指在一定时间内只执行一次函数,如果在这段时间内再次触发,那么会重新计算执行时间。常用于如输入框实时搜索以及点赞评分等场景,避免短时间内多次触发事件导致性能问题,(请记住防抖是最后一次提交)
例如简单的点击按钮,设置一定时间在执行此函数
调用方法一:
把以下代码放入debounce.js文件中
一个简单的防抖就完成了
节流(Throttle)
节流是指在一定时间内只允许函数执行一次,无论触发多少次事件,函数都只在规定的时间间隔内执行一次。常用于如滚动事件、提交保存等,确保某些操作不会过于频繁。(请记住是第一时间调用在规定时间不会调用)
调用方法二:
把以下代码放入throttle.js文件中
简单的节流完成了。
防抖和节流调用方法是一样的,只不过写法不一样,个人喜欢那种写那种

版权声明:
本文来源网络,所有图片文章版权属于原作者,如有侵权,联系删除。
本文网址:https://www.mushiming.com/mjsbk/11819.html
