uniapp虚拟列表
时间: 2023-08-14 22:04:29 浏览: 141
一个uni-app的列表展示小案例.zip
Uniapp虚拟列表是一种加载可视范围数据的技术,它只加载当前可见的数据,而不是全部数据。这样可以提高性能和用户体验。在Uniapp中,可以使用uni.createSelectorQuery()接口来操作DOM元素,因为在非H5端某些组件上无法使用ref获取实例。虚拟列表的原理是根据设定的itemHeight(以像素为单位)和可视区域的高度来计算需要渲染的列表数据长度。通常情况下,itemHeight会乘以2来适应大多数设备的rpx和px的css像素比例为2:1的情况。但即使无法完全对应,效果仍然会有,所以不必过于纠结代码中的rpx和px单位。只要渲染的列表数据长度大于可视区域的列表数据长度即可实现虚拟列表的效果。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *2* *3* [uniapp/vue虚拟列表,数据列表渲染优化](https://blog.csdn.net/weixin_43818307/article/details/127683174)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文