js防抖节流应用场景及写法
防抖和节流，这是前端防止用户频繁调用同一个接口的方法，比如短时间重复点击上传同一个文件，短时间重复点击提交同一个评论，异步的操作还没给你带来反馈，于是你重复上传了多个文件，重复提交了多个评论。
节流 ：使得一定时间内只触发一次函数。原理是通过判断是否有延迟调用函数未执行。 防抖 ：将多次操作合并为一次操作进行。
两者的区别： 防抖函数：在一定时间内执行一个方法多次，只执行最后一次。因为在事件触发会先清理timer，如果时间间隔不到则会被清理掉，只有你的间隔到了之后才会执行，因此前面的函数都会被清理掉。
与此对应的，js也可以通过引入webWorker来分散计算，但是在js中有一个更简单并且效果不错的方法：函数节流。使用函数节流的核心技巧就是使用定时器分段计算。具体的实现方式大致有两种思路。
所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间，简而言之，防抖就类似回城，打断就得重新回。
主要应用场景有：scroll、touchmove 防抖概念(Debounce)抖动停止后的时间超过设定的时间时执行一次函数。注意：这里的抖动停止表示你停止了触发这个函数，从这个时间点开始计算，当间隔时间等于你设定时间，才会执行里面的回调函数。
uni-app防抖和节流
1、所谓防抖，就是指触发事件后，就是把触发非常频繁的事件合并成一次去执行。即在指定时间内只执行一次 回调函数 ，如果在指定的时间内又触发了该事件，则回调函数的执行时间会基于此刻重新开始计算。
2、好就好在，uniapp的写法就是vue的写法，上手很快，并且一 些app的原生功能也都能满足，而且调试打包，各种配置也简单明了。
3、uniapp 有自己一套路由管理机制，而未采用 vue-route 方案，个人认为这套方案还是比较成熟和好用的，以及可以满足我们日常的需求：保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
4、uni-app App 端内置 HTML5+ 引擎，让 js 可以直接调用丰富的原生能力。小程序及 H5 等平台是没有 HTML5+ 扩展规范的，因此在 uni-app 调用 HTML5+ 的扩展规范时，需要注意使用条件编译。
什么是防抖和节流?
1、区别：防抖动是指将多次执行改为最后一次执行，节流是指将多次执行改为间隔执行。
2、防抖 触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次触发，则重新计算时间。思路：每次触发事件时都取消之前的延时调用。节流 高频事件触发，但在n秒内只会执行一次，节流会稀释函数的执行频率。
3、防抖：将多次操作合并为一次操作进行。原理是维护一个计时器，规定在delay时间后触发函数，但是在delay时间内再次触发的话，就会取消之前的计时器而重新设置。这样一来，只有最后一次操作能被触发。
4、注意 防抖定义： 对于短时间内连续触发的事件，防抖的目的就是让某一个时间期限内，事件只触发一次。
5、所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间，简而言之，防抖就类似回城，打断就得重新回。
【js】简单理解节流与防抖,搜索框的场景
1、防抖和节流，这是前端防止用户频繁调用同一个接口的方法，比如短时间重复点击上传同一个文件，短时间重复点击提交同一个评论，异步的操作还没给你带来反馈，于是你重复上传了多个文件，重复提交了多个评论。
2、search搜索联想，用户在不断输入值时，用防抖来节约ajax请求。
3、区别 ： 节流函数 不管事件触发有多频繁，都会保证在规定时间内一定会执行一次真正的事件处理函数，而 防抖函数 只是在最后一次事件后才触发一次函数。
4、如果你一直在触发这个函数并且两次触发间隔小于设定时间，则一定不会到回调函数那一步。
5、与此对应的，js也可以通过引入webWorker来分散计算，但是在js中有一个更简单并且效果不错的方法：函数节流。使用函数节流的核心技巧就是使用定时器分段计算。具体的实现方式大致有两种思路。
6、所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间，简而言之，防抖就类似回城，打断就得重新回。
Flutter中的节流与防抖(过滤重复点击)
在一些计算较为复杂、操作较为耗时或者操作为引起页面重绘的场景，如果事件触发的频率毫无限制，除了带来性能上的负担，还会导致糟糕的用户体验。
连续点击 收藏 按钮，在第一次点击时会立即执行”收藏/取消收藏“操作，在本次操作执行完成前的多次点击会被忽略，只会执行一次”收藏/取消收藏“操作。
js的防抖、节流
防抖和节流，这是前端防止用户频繁调用同一个接口的方法，比如短时间重复点击上传同一个文件，短时间重复点击提交同一个评论，异步的操作还没给你带来反馈，于是你重复上传了多个文件，重复提交了多个评论。
所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间，简而言之，防抖就类似回城，打断就得重新回。
两者的区别： 防抖函数：在一定时间内执行一个方法多次，只执行最后一次。因为在事件触发会先清理timer，如果时间间隔不到则会被清理掉，只有你的间隔到了之后才会执行，因此前面的函数都会被清理掉。
区别 ： 节流函数 不管事件触发有多频繁，都会保证在规定时间内一定会执行一次真正的事件处理函数，而 防抖函数 只是在最后一次事件后才触发一次函数。