ahooks源码学习之useVirtualList
useVirtualList用于虚拟化列表,用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿的问题。
总体实现思路:从start到end处截取数据的一部分,监听scroll事件,实时改变start和end
首先做一些前置工作,计算需要用到的变量。
第一步:计算container的容量(viewCapacity)。如果props中的itemHeight是以像素为单位的数字,则容量为container的高度除itemHeight。如果props的itemHeight是动态值,则for循环列表数据累加it.
原创
2021-07-29 16:42:50 ·
796 阅读 ·
0 评论