节流
什么是节流?
事件频繁被触发,节流能够减少事件发生的频率,因此节流是有选择的执行一部分事件
顺带提一下防抖
之前看到一个很形象的比喻。节流防抖就好比乘电梯,比如delay是10秒,name防抖就是电梯每进来一个人就要等10秒再运行,而节流就是电梯保证每10秒可以运行一次
节流的步骤
<script>
// let angle = $('#angle')
//1.定义一个timer节流阀
$(document).on('mousemove',function(e){
if(timer) return //3.如果节流阀不为空,说明间隔时间不足16ms
let timer = setTimeout(function(){
//设置图片的位置
$('#angle').css('top',e.pageY).css('left',e.pageX)
timer = null //2.设置跟随效果好,清空timer节流阀
},16)
})
</script>