从javascript应用的角度来说这叫函数防抖,其实从广义的角度来说这属于软件防抖。防抖操作其实是基于业务操作来设计的,其实是一个很简单的东西,却很实用是真的。
防抖的业务场景是什么?
用户短时间内多次提交表单的操作
网络原因,重复按提交按钮
判断scroll是否滑到底部等
为什么要防抖?
就是防止用户短时间内做一些重复无效的操作,从而造成性能上不必要的负担
我们来看业务场景,现在有一个提交按钮,提交表单就将信息发送给服务器
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button type="button" onclick="fuck()" >这是一个按钮</button>
<script>
function send(){
console.log('I have a message to server')
}
function fuck(){
send()
}
</script>
</body>
</html>
现在我们点击一个按钮就有一个‘I have a mess