一、用防抖和节流需要解决的问题:当一个函数被频繁、无限制的被调用的时候,会加重浏览器的负担,造成浏览器卡顿的现象。引入防抖和节流来解决问题
二、防抖:
当持续触发事件时,指定时间没有再次触发事件,事件函数才会执行一次。
如果触发事件,在指定时间多次触发事件 事件函数只会执行最后一次触发的事件,清除前面的定时器任务
例子:
三、节流:
当持续触发事件时,每隔一次指定时间执行一次事件函数 无论怎么点击触发 代码还是按照定时器设置的时间执行
例子:
一、用防抖和节流需要解决的问题:当一个函数被频繁、无限制的被调用的时候,会加重浏览器的负担,造成浏览器卡顿的现象。引入防抖和节流来解决问题
二、防抖:
当持续触发事件时,指定时间没有再次触发事件,事件函数才会执行一次。
如果触发事件,在指定时间多次触发事件 事件函数只会执行最后一次触发的事件,清除前面的定时器任务
例子:
三、节流:
当持续触发事件时,每隔一次指定时间执行一次事件函数 无论怎么点击触发 代码还是按照定时器设置的时间执行
例子: