1,解释
截流:事件触发后,规定时间内,事件处理函数不能再次被调用。也就是说在规定的时间内,函数只能被调用一次,且是最先被触发调用的那次。
防抖:多次触发事件,事件处理函数只能执行一次
并且是在触发操作结束时执行。也就是说,当一个事件被触发准备执行事件函数前,会等待一定的时间(这时间是码农自己去定义的,比如1秒),如果没有再次被触发,那么就执行,如果被触发了,那就本次作废,重新从新触发的时间开始计算,并再次等待1秒,直到能最终执行!
2,使用场景
截流:滚动加载更多、搜索框搜的索联想功能、高频点击、表单重复提交
防抖:搜索框搜索输入,并在输入完以后自动搜索手机号,邮箱验证输入检测、窗口大小 resize变化后,再重新渲染。