通过防抖和节流来防止js代码的高频率执行
函数防抖
原理:当持续触发一个事件时,在n秒内,事件没有再次触发,此时才会执行回调;如果n秒内,又触发了事件,就重新计时
当一直有人进电梯时(连续触发),电梯门不会关闭,在一定时间间隔内没有人进入(停止连续触发)才会关闭。
函数节流
原理:当频繁的触发一个事件,每隔一段时间, 只会执行一次事件。
如果在时间间隔内我们就触发事件,如果不在事件间隔内我们就触发事件
区别:降低回调执行频率,节省计算资源。
防抖和节流本质是不一样的。防抖是将多次执行变为最后一次执行,节流是将多次执行变成每隔一段事件执行
函数防抖一定连续触发的事件,只在最后执行一次,而函数节流一段时间内只执行
一次。
未完待续