ant-design-mobile icon indicating copy to clipboard operation
ant-design-mobile copied to clipboard

Published 20 hours ago • verified publisher icon ant-design

[RFC]使用IntersectionObserver重构InfiniteScroll组件

Open LadyChatterleyLover opened this issue 3 years ago • 6 comments

Version of antd-mobile

5.19.0

What is this feature about?

目前InfiniteScroll组件是监听scroll事件来做无限滚动，触发频率太高，消耗性能太大，可以使用IntersectionObserver来优化，降低性能消耗，如果认可这个方案的话，我可以提一个pr。

LadyChatterleyLover avatar Jul 22 '22 09:07 LadyChatterleyLover

看起来兼容性还行 image

ONLY-yours avatar Jul 22 '22 11:07 ONLY-yours

我提了一个pr，重构了以下

LadyChatterleyLover avatar Jul 22 '22 13:07 LadyChatterleyLover

兼容性不行的

image

miracles1919 avatar Jul 23 '22 04:07 miracles1919

目前InfiniteScroll组件是监听scroll事件来做无限滚动，触发频率太高，消耗性能太大

用了节流 useThrottleFn，性能问题应该还好

miracles1919 avatar Jul 23 '22 04:07 miracles1919

@miracles1919 虽然节流，还是会不停的触发滚动事件，不过兼容性也是个问题

LadyChatterleyLover avatar Jul 25 '22 01:07 LadyChatterleyLover

兼容性不行的，等过两年我们不需要支持 iOS 11 了才能用 IntersectionObserver

至于你说的性能问题，有具体的可以验证的 demo 不？理论上现在性能影响应该是完全可控的 🤔

awmleer avatar Jul 25 '22 02:07 awmleer