老师,请问,这个settimeout在节流函数里的延时长短,是根据什么定的,您这边用的100,上一个用的16?

来源:8-8 Vue项目城市选择页 - 搜索逻辑实现

翻洗你

2019-03-06

写回答

2回答

huo嚯

2019-03-06

16ms 浏览器渲染帧 了解一下?

0
3
钦忱4014645
回复
翻洗你
节流函数本质上讲,其实就是设置了,无论你输入什么参数进去,函数都会在一定时间之后去执行,比如说这个搜索功能,只有你暂停输入100ms以上,才会呈现给你最终的结果。对于滑动来说,手指在滑动过程中变化是连续的一个过程,因此如果这里延时太长,就会导致不跟手,而如果延时太短,小于16ms,则因为渲染帧时间的限制,浪费性能。 但是在搜索框内,输入字符其实是一个离散的过程,正常人按键盘一秒钟五六次就算很快了,按照五次来算的话,只要延时在200ms以内就不会用卡顿感,能保证每次键盘变化搜索结果也会变。考虑到可能有人手速快一点,留出一定的富余,把200放宽到100算是很合理的数据了
2019-03-26
共3条回复

NBADOTA2

2020-09-28

这到底是防抖还是节流啊

0
0

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程