如何稀释 流事件 (如,onscroll、change、input、mouseover 等 事件)
1、问题引入:https://segmentfault.com/q/1010000000707337?_ea=62905
2、javascript中的函数节流和函数去抖:https://www.cnblogs.com/shoestrong/p/6538783.html 或 https://www.jianshu.com/p/3c8fe88ec9a9 或 https://www.cnblogs.com/goloving/p/8672361.html(推荐)
a:去抖(或防抖):连续事件中,事件结束时。最后一次事件 去 执行 事件函数。(比如,resize事件 结束时,执行事件函数)
b:节流:连续事件,每隔一定时间去触发一次。(比如,resize事件 连续触发过程,每隔1秒钟 执行一次事件函数)
注:去抖 和 节流 都是 减少 事件函数内程序的执行,事件本身还是正常触发的。
具体使用开发场景:
1、垃圾分类项目:input 框,每输入一个文字调用接口,查询联想词。不同的输入法,在输入中文时,会先把拼音先输入到键盘。确认汉字时,才把汉子输进去。(严格来讲这种不算是 流事件)
这种的解决办法:只获取输入框的中文字,字母用空字符串替换,watch监听输入框的文字的变化就可以了。