防抖 debounce

原理(查询的过程中会用到)

防抖节流的应用_移动端

没有防抖(只要输入一下就搜索 只要动一下值就变化)

防抖节流的应用_typescript_02

优化的两种方式(让输入完毕过1秒再查询)(延迟执行)-- 先等待再执行

防抖节流的应用_typescript_03


防抖节流的应用_typescript_04


防抖节流的应用_移动端_05

输入完毕立即查询,过2秒才能查询(立即执行)----先执行再等待

防抖节流的应用_html5_06

节流(连续发生的事件只会执行一次)(在固定的时间里面只执行一次)(规定时间内限制次数)

防抖节流的应用_搜索_07

防抖节流的应用_移动端_08

第一种方式

防抖节流的应用_html5_09

移动端不建议用setTimeOut 可以用时间戳

防抖节流的应用_搜索_10