定高「虚拟列表」该如何实现?
虚拟列表 其实我们的屏幕可视区域是有限的,能看到的数据也是有限的,所以可以在用户滚动时,只渲染可视区域内的内容即可,不可见区域用空白占位填充, 这样的话页面中的 DOM 元素少,CPU、GPU 和内存负载小。下拉底部加载更多实现懒加载,此方法随着内容越来越多,会引起大量的重排和重绘,依赖可能会卡顿。过扫描实质上是切断图片的边缘,以确保所有重要的东西显示在屏幕上。计算时间过长,用户需要长时间等待,体验差。内存占用过多,严重会引起浏览器卡死和崩溃。GPU 负载过高,渲染不过来会出现闪动。
原创
2023-01-07 00:58:37 ·
404 阅读 ·
0 评论