初级前端的日常总结

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

提示：以下是本篇文章正文内容，下面案例可供参考

一、什么是防抖

防抖（debonce）是当事件触发后，延迟n秒后在执行回调，如果在这n秒内事件又被触发，则重新计时。
(思维发散：1、年龄较大的人会出现手抖的情况，不小心碰到了按钮，触发事件，给他们一个延迟调用函数的时间，方便取消。2、王者荣耀游戏中，回城的时候，被打断后，需要重新点击回城且重新计时，在一段时间后才能回城。

二、案例-输入框的防抖（3步）

1.定义延时器

2.定义防抖函数

3.在触发 keyup 事件时，立即清空 timer

代码如下（示例）：

var timer = null //1.防抖的timer

function debounceSearch(keywords){ //2.定义防抖函数
	timer = setTimeout(function(){
	//发起请求，调用接口函数
	getSuggestList(keywords)
	},500)
} 

//为输入框绑定 keyup 事件
$('#ipt').on('keyup',function(){ //3.在触发 keyup 事件时，立即清空 timer
	clearTimerout(timer)
	//...省略其他代码
	debounceSearch(keywords)
})

2.读入数据

代码如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

该处使用的url网络请求的数据。

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了防抖的使用。