openks / learn-vue

自定义组件文档
https://openks.github.io/learn-vue
0 stars 0 forks source link

debounce与throttle区别 #133

Open openks opened 4 years ago

openks commented 4 years ago

根据自己理解画了个图
相同点:防止短时间内的多次事件导致的多次执行
不同点: debounce 会忽略未到指定时间的事件(适合于输入查找情况,前面输入的字没必要做查找只需要查找最后一次的输入值) throttle 多次事件触发每隔一段时间就执行一次(确保固定时间端内执行一次,例如滚动事件,滚动加载)

image