个人笔记
记录有趣小知识
美好的生活从记录开始
节流:当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次。
防抖:设置固定的周期,让连续触发的函数按照固定周期执行。
区别:防抖是连续触发如果未超过设定时间则不执行,而节流在连续触发中按照设定的周期时间多次执行。
使用场景:
节流:常用在页面监听滚动事件时使用,例如当滚动页面时,不需要连续不断的每次触发事件,可以设置防抖函数,在一定周期内触发一次,优化滚动性能。
防抖:常用在搜索实时展示功能时使用,例如当用户连续快速输入关键字进行搜索时,没有必要当用户没输入一个字符就调用接口,使用防抖函数,当用户连续输入停止时再调用接口搜索,减轻服务端压力。