防抖和节流,这俩哥们无论声音相貌长得都非常像,就像孪生兄弟一般,有时候难免混为一谈。但实际上这俩哥们确实有不太一样的地方,这里我们就详细聊一下。
防抖,英文是debounce,bounce是弹跳的意思,de就是否定,debounce就是别瞎几把跳,翻译成文明用语就是防抖。
那到底什么是跳跳(抖动)呢?
比如你在百度搜索框输入内容,然后弹出联想词。弹出联想词一般是你在输入完成后再过一会执行的,翻译成程序语言就是:keyup事件结束后一段时间(n秒)才触发,如果n秒内keyup事件又发生了,就重新计算时间。
用一句话概括为:将多次执行变为最后一次执行。
那什么是节流呢?
比如你去高铁排队过安检,当人流高峰期时,一般会有个人拿个牌子,一次只放一部分人进去,这样做就是为了防止一段时间人流过大导致踩踏现象;再比如QQ网页版,当你上线后,你的好友是一部分一部分加载出来的,如果一下子加载所有的好友(比如几百个),那浏览器内存很容易被dom给撑死,但一次加载一部分就没事,因此我们用程序语言描述就是:某事件高频触发,但在 n 秒内只会执行一次,这样就会稀释函数的执行频率。
用一句话概括为:将多次连续的执行变成每隔一段时间执行
防抖和节流的区别
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...