week05 06绑定滚动条 去抖动

博客提到小代码可上网搜索,介绍了JS下拉触发事件调用函数的情况,react需加key定位更新item。指出一直下拉添加新闻会给服务器带来压力,函数触发敏感,提出去抖动方法,通过过滤器将抖动信号处理,还提到安装lodash包及相关去抖动网站。

像这种小代码 为了满足某种需求 可以直接上网搜

这些都是JS代码和react无关

我们下拉 就会触发事件从而调用loading more news 那个函数

 

react要求我们加个key

key就是唯一定位list内的每一个item(new)从而只更新变化的item(new)

但是好像 新版本没有这种问题(待验证)

 

 

现在一直往下拉 他就会一直刷新添加这2条新闻(一直拉就会一直添加)

 

用户多的话 会给服务器带来巨大压力

这种不是很好

函数触发太敏感

我们希望      去抖动

使用过滤器 将抖动信号设置成一个上延或者下延 这样很多信号就成了一个信号 从而达到去抖动的效果 然后不会触发函数太敏感

 我们去安装一个包

loadsh

结果一直不现实安装结果 所以我们谷歌了一下

https://www.npmjs.com/package/lodash

 

现在是1s最多调用一次

关于去抖动的网站有 

https://css-tricks.com/

 

转载于:https://www.cnblogs.com/PoeticalJustice/p/9551051.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值