一种基于虚拟列表的数据渲染方法和装置.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN116185547A(43)申请公布日2023.05.30(21)申请号202310171793.2(22)申请日2023.02.24(71)申请人广州朗国电子科技股份有限公司地址510555广东省广州市黄埔区(中新广州知识城)亿创街1号406号房之238(72)发明人郑泽欢罗益峰(74)专利代理机构广州三环专利商标代理有限公司44202专利代理师郭浩辉(51)Int.Cl.G06F9/451(2018.01)G06F16/957(2019.01)G06F16/951(2019.01)G06F3/0485(2022.01)权利要求书2页说明书8页附图3页(54)发明名称一种基于虚拟列表的数据渲染方法和装置(57)摘要本发明公开了一种基于虚拟列表的数据渲染方法和装置，通过响应于网页可视区域触发的滚动操作，获得对应的滚动高度，根据滚动高度和可视区域列表项数计算获得待渲染数据的起始索引、结束索引和偏移量，并根据以上三种数据从数据库中调出对应待渲染数据，并将所述待渲染数据渲染至网页的可视区域中。根据本发明提供的渲染方法实现了按需渲染数据，对网页可视区域进行数据渲染显示，对非可视区域进行部分渲染，减少了资源的消耗；该方法不论数据库中数据量的大小，只渲染固定大小的数据量，因此其不仅减少了数据量过大带来的网络卡顿以及内存占比过大的问题，还提高了渲染性能并兼顾了用户体验感。CN116185547ACN116185547A权利要求书1/2页1.一种基于虚拟列表的数据渲染方法，其特征在于，包括以下步骤：响应于网页可视区域触发的滚动操作，获得对应的滚动高度；根据所述滚动高度和所述可视区域的列表项数，确定待渲染数据的起始索引、结束索引以及偏移量；根据所述偏移量、所述起始索引和所述结束索引从预设的数据库中调用对应的所述待渲染数据，并将所述待渲染数据渲染至所述可视区域中。2.如权利要求1所述的一种基于虚拟列表的数据渲染方法，其特征在于，所述根据所述滚动高度和所述可视区域的列表项数，确定待渲染数据的起始索引和结束索引以及偏移量，具体为：根据第一滚动高度与单条列表项数在所述可视区域内的高度，确定所述待渲染数据的第一起始索引；根据所述第一起始索引和所述可视区域的列表项数，确定所述待渲染数据的第一结束索引；根据所述第一滚动高度与所述第一起始索引，计算确定第一偏移量。3.如权利要求2所述的一种基于虚拟列表的数据渲染方法，其特征在于，所述根据第一滚动高度与单条列表项数在所述可视区域内的高度，确定所述待渲染数据的所述第一起始索引，具体为：将所述第一滚动高度与所述单条列表项数在所述可视区域的高度的商值取整，将该整数数值作为所述第一起始索引。4.如权利要求2所述的一种基于虚拟列表的数据渲染方法，其特征在于，所述根据所述第一滚动高度与所述第一起始索引，计算确定第一偏移量，具体为：将所述第一滚动高度减去所述第一起始索引的差值取整，将该整数数值作为所述第一偏移量；其中，所述第一偏移量为所述第一起始索引与所述待渲染数据中第一条数据的距离。5.如权利要求1所述的一种基于虚拟列表的数据渲染方法，其特征在于，所述根据所述偏移量、所述起始索引和所述结束索引从预设的数据库中调用对应的所述待渲染数据，具体为：根据所述起始索引和所述结束索引在所述预设的数据库中进行对比筛选，将对比符合率大于索引阈值的数据作为第一数据；根据所述偏移量在所述第一数据中进行对比筛选，将对比符合率大于偏移阈值的数据作为所述待渲染数据。6.一种基于虚拟列表的数据渲染装置，其特征在于，所述渲染装置包括以下模块：响应模块、确定模块和渲染模块；其中，所述响应模块用于响应于网页可视区域触发的滚动操作，获得对应的滚动高度；所述确定模块用于根据所述滚动高度和所述可视区域的列表项数，确定待渲染数据的起始索引和结束索引以及偏移量；所述渲染模块用于根据所述偏移量、所述起始索引和所述结束索引从预设的数据库中调用对应的所述待渲染数据，并将所述待渲染数据渲染至所述可视区域中。7.如权利要求6所述的一种基于虚拟列表的数据渲染装置，其特征在于，所述确定模块2CN116185547A权利要求书2/2页用于根据所述滚动高度和所述可视区域的列表项数，确定待渲染数据的起始索引和结束索引以及偏移量，具体为：根据第一滚动高度与单条列表项数在所述可视区域内的高度，确定所述待渲染数据的所述第一起始索引；根据所述第一起始索引和所述可视区域的列表项数，确定所述待渲染数据的所述第一结束索引；根据所述第一滚动高度与所述第一起始索引，计算确定所述偏移量。8.如权利要求6所述的一种基于虚拟列表的数据渲染装置，其特征在于，所述确定模块用于根据所述滚动高度和所述可视区域的列表项数，确定待渲染数据的起始索引和结束索引以