# 虚拟列表

**Repository Path**: tofu27/virtual-list

## Basic Information

- **Project Name**: 虚拟列表
- **Description**: 实现虚拟列表+滚动节流
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-11-14
- **Last Updated**: 2022-11-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



data 总的列表数据
currentData  当前要渲染的列表数据

startIndex currentData第一个item的索引【在data中是第几项】
endIndex   currentData最后一个item的索引【在data中是第几项】

padding-top 我dom就这么多，但是我滚动我要改变 我滚动条的长度。
            padding-top增加了，我滚动条了长度就会变化。同时，列表Item还是那么多。
padding-bottom  当前渲染的列表数据 当前渲染列表的总长度
            判断是否接近数据列表的底部【然后currentData再加载更多数据】

白屏解决：上边或下边 多几个item项，让它先渲染出来。
滚动节流：requestAnimationFrame【该方法是告诉浏览器 在下次重绘之前执行指定的回调函数更新动画】
        说白就是 回调函数内，计算 上一次的回调函数到下一次回调函数之间的时长【1秒30次渲染 => 1000 / 30】。