数据渲染方法、装置、电子设备及存储介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN114519160A(43)申请公布日2022.05.20(21)申请号202210152294.4(22)申请日2022.02.18(71)申请人平安国际智慧城市科技股份有限公司地址518000广东省深圳市前海深港合作区妈湾兴海大道3048号前海自贸大厦1-34层(72)发明人董蕊(74)专利代理机构深圳市赛恩倍吉知识产权代理有限公司44334专利代理师陈实顺(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)权利要求书2页说明书12页附图2页(54)发明名称数据渲染方法、装置、电子设备及存储介质(57)摘要本发明涉及人工智能技术领域，提供一种数据渲染方法、装置、电子设备及存储介质，所述方法包括：获取浏览器显示的待渲染页面及渲染条件；获取浏览器显示的待渲染页面对应的滑动条的当前起始滑动位置坐标；基于渲染条件及滑动条的当前起始滑动位置坐标，创建可视区；响应于待渲染页面中的滑动条的滑动，获取滑动条的滑动列表的高度；根据创建的可视区及滑动列表的高度，确定待渲染列表；将待渲染列表加载至可视区进行渲染。本发明通过将所述待渲染列表加载至所述可视区进行渲染，无需渲染可视区外的数据，提高了渲染效率。CN114519160ACN114519160A权利要求书1/2页1.一种数据渲染方法，其特征在于，所述方法包括：响应于用户的数据渲染请求，获取浏览器显示的待渲染页面及渲染条件；获取所述浏览器显示的待渲染页面对应的滑动条的当前起始滑动位置坐标；基于所述渲染条件及所述滑动条的当前起始滑动位置坐标，创建可视区；响应于所述待渲染页面中的滑动条的滑动，获取所述滑动条的滑动列表的高度；根据创建的可视区及所述滑动列表的高度，确定待渲染列表；将所述待渲染列表加载至所述可视区进行渲染。2.如权利要求1所述的数据渲染方法，其特征在于，所述获取所述浏览器显示的待渲染页面对应的滑动条的当前起始滑动位置坐标包括：识别所述浏览器显示的待渲染页面的外层容器；从所述外层容器中获取对应的滑动条的当前起始滑动位置坐标。3.如权利要求1所述的数据渲染方法，其特征在于，所述基于所述渲染条件及所述滑动条的当前起始滑动位置坐标，创建可视区包括：解析所述渲染条件，获取可视区渲染行数、可视区渲染行数列表及对应的每行渲染数据的高度；将所述当前起始滑动位置坐标及所述可视区渲染行数列表的起始行的行编码，确定为所述可视区的起始索引；将所述可视区渲染行数、对应的每行渲染的高度及所述可视区渲染行数列表的结束行的行编码，确定为所述可视区的结束索引；基于所述可视区的起始索引和结束索引创建可视区。4.如权利要求3所述的数据渲染方法，其特征在于，所述基于所述可视区的起始索引和结束索引创建可视区包括：将所述滑动条的当前起始滑动位置坐标确定为所述可视区的初始位置坐标；计算所述可视区渲染行数与对应的每行渲染的高度乘积之和，得到可视区的高度；计算所述可视区的高度与所述可视区的初始位置坐标之和，得到可视区的结束位置坐标；基于所述可视区的初始位置坐标和结束位置坐标创建可视区。5.如权利要求1所述的数据渲染方法，其特征在于，所述响应于所述待渲染页面中的滑动条的滑动，获取所述滑动条的滑动列表的高度包括：响应于所述滑动条从当前起始滑动位置开始滑动，记录滑动列表的每行滑动数据的高度；累加所述滑动列表中的每行滑动数据的高度之和，得到所述滑动条的当前结束滑动位置坐标；计算所述滑动条的当前结束滑动位置坐标与所述滑动条的当前起始滑动位置坐标的差值，得到所述滑动条的滑动列表的高度。6.如权利要求1所述的数据渲染方法，其特征在于，所述根据创建的可视区及所述滑动列表的高度，确定待渲染列表包括：判断所述滑动列表的高度是否大于所述可视区的高度；当所述滑动列表的高度大于所述可视区的高度时，根据所述可视区的起始位置坐标和2CN114519160A权利要求书2/2页结束位置坐标对所述滑动列表进行截取，将截取出的滑动列表确定为待渲染列表；或者当所述滑动列表的高度小于或者等于所述可视区的高度时，将所述滑动列表确定为待渲染列表。7.如权利要求1所述的数据渲染方法，其特征在于，所述方法还包括：响应于在所述浏览器显示的待渲染页面增加新的待渲染元素；识别所述新的待渲染元素位于所述待渲染页面对应的待渲染虚拟列表的插入行编码、新的待渲染元素的行数及对应的每行待渲染数据的高度；根据所述插入行编码、新的待渲染元素的行数及对应的每行待渲染数据的高度更新所述可视区的初始索引和结束索引进行渲染。8.一种数据渲染装置，其特征在于，所述装置包括：第一获取模块，用于响应于用户的数据渲染请求，获取浏览器显示的待渲染页面及渲染条件；第二获取模块，用于获取所述浏览器显示的待渲染页面对