长列表优化
本话题发布长列表优化相关的问答文章和技术分享，将持续更新，为您推荐了12篇问答，访问即可查看更多精彩内容。
-
2
回答
3浏览
requestIdleCallback优化长列表时回调没触发咋回事？
我在用虚拟滚动做长列表优化时，把渲染逻辑塞进了requestIdleCallback，但滚动到后面几屏后发现卡顿更严重了，有时候回调函数根本没执行，这是哪里出问题了？ 尝试过这样写： function...
-
2
回答
52浏览
虚拟滚动时为什么还是会有重复渲染和卡顿？
我在用虚拟滚动渲染长列表时，虽然实现了可视区域截取，但滚动到列表中段时偶尔会出现重复渲染的列表项，甚至卡顿一下。尝试用IntersectionObserver监听可视区域，但发现当快速滚动时计算的st...
-
2
回答
17浏览
使用react-virtualized滚动到底部时列表内容突然错位怎么办？
我在用react-virtualized的List组件渲染长列表时遇到个奇怪问题。当快速滚动到列表底部后松手，列表内容会突然错开两行的高度，看起来像数据渲染位置偏移了。我用了CellMeasurer自...
-
1
回答
16浏览
瀑布流加载时滚动卡顿，IntersectionObserver优化无效怎么办？
我在用IntersectionObserver实现瀑布流布局时，发现滚动到加载区时页面会卡顿半秒。之前用了虚拟滚动只渲染可视区元素，但瀑布流布局高度不固定，改用观察器动态加载后问题依旧。代码逻辑应该是...
-
1
回答
25浏览
Tree虚拟化实现时如何解决深度嵌套节点渲染卡顿？
我在用React实现公司组织架构的Tree虚拟化列表时遇到问题，数据有20层嵌套结构。虽然用了react-virtualized和react-window控制可视区域，但展开多级子节点后滚动还是卡得要...
-
1
回答
15浏览
requestIdleCallback优化长列表时为什么还是会卡顿？
我用虚拟列表渲染上千条数据时，尝试用requestIdleCallback分批渲染，但滚动到后面还是明显卡顿。之前试过分页和简单的节流函数都没彻底解决，现在这样写： function renderBa...
-
1
回答
37浏览
React-Window滚动时子项内容错位怎么办？
我在用react-window做长列表优化时遇到问题，当滚动到中间位置，子项的内容会突然错位覆盖到其他项上。之前按教程设置了固定高度，但实际运行时还是有问题。 我的代码结构是这样的： <Fixe...
-
2
回答
23浏览
React中用requestIdleCallback优化长列表还是卡顿怎么办？
我在用React实现一个动态加载的长列表，尝试用requestIdleCallback分批次渲染列表项，但滚动到后面还是会卡顿。我按网上的方法在useEffect里这样写的： const [items...
-
1
回答
63浏览
Vue瀑布流长列表渲染卡顿，怎么优化？
最近在做图片瀑布流页面，用CSS Grid布局配合v-for渲染500条数据，滚动特别卡顿。试过把图片懒加载改成v-lazy，但滑动到中间位置就直接卡死不动了。 代码结构大概是这样写的： <te...
-
2
回答
26浏览
为什么我的IntersectionObserver在长列表滚动时频繁触发回调？
我在用IntersectionObserver做长列表懒加载时遇到了问题。设置rootMargin为"200px"后，滚动到可视区域外时回调确实能触发，但快速滚动时会连续触发好几次，导致重复请求数据。...
-
2
回答
23浏览
vue-virtual-scroller滚动时列表项突然错位怎么解决？
在用vue-virtual-scroller渲染2000条带图片的列表时，滚动到中间位置突然出现条目重叠错位，尝试调整initial-count和estimate-size参数没效果 模板里这样写的：...
-
2
回答
49浏览
分页加载时如何动态计算起始索引？
在React项目里实现分页加载，发现计算起始索引的公式有问题。我用了startIndex = (page - 1) * pageSize，但切换页码时数据会重复显示，比如从第3页跳到第1页后列表还是显...
