防抖动，节流

学习课程跟随： q.shanyue.tech/fe/html/1.h… 这里面的顺序来

1.原理 2.防抖动、节流解决的问题 防抖、节流函数主要是用来限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟、假死或卡顿的现象的。

2.案例 blog.csdn.net/weixin_3417… 防抖动、节流使用场景：比如项目中遇到过输入查询的功能，在搜索框中输入文字调用查询接口搜索，返回与搜索框匹配的内容。 以下是引用上面链接中的内容 学习过程： 比如项目中遇到过输入查询的功能，在搜索框中输入文字调用查询接口搜索，返回与搜索框匹配的内容。 【1】输入10次就会请求10次

【2】优化---加延迟 延时5秒之后再去做一次请求。

可以看到这种效果并不是很好，只是比之前的少减少了几次调用接口，并没有达到输入一次然后输入一次调用一次的效果。 【3】继续优化---函数节流来优化 给定一个间隔时间，计算一个等待时间，当等待时间大于间隔时间，则再去请求接口

很明显这种效果很好 总结：就是给定一个时间gapTime（比如5秒钟）代表每隔5秒钟请求一次接口搜索。不管你怎么输入，我都是按部就班的每隔5秒钟请求一次。 至于什么时候用防抖什么时候用节流，还得具体问题具体分析。

3.项目可采取此优化的方法的地方 【1】pdf页面可视区域 【2】xml的插入其他文章目录的打开搜索框