[发明专利]一种页面显示方法、装置、电子设备及存储介质在审
申请号: | 202110362374.8 | 申请日: | 2021-04-02 |
公开(公告)号: | CN113779351A | 公开(公告)日: | 2021-12-10 |
发明(设计)人: | 魏兵兵 | 申请(专利权)人: | 北京京东拓先科技有限公司 |
主分类号: | G06F16/951 | 分类号: | G06F16/951;G06F16/957 |
代理公司: | 北京派特恩知识产权代理有限公司 11270 | 代理人: | 李昂;张颖玲 |
地址: | 100744 北京市大兴区经济技*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 页面 显示 方法 装置 电子设备 存储 介质 | ||
1.一种页面显示方法,其特征在于,包括:
在设定列表中的列表元素发生更新的情况下,通过第一数量的设定文档对象模型DOM元素将所述设定列表中对应的列表元素渲染至设定页面中;所述设定列表的列表长度与所述第一数量相等;所述设定页面支持同时显示待渲染数组中所述第一数量的数据;
在监听到所述设定列表中的尾列表元素被渲染至所述设定页面中的情况下,将所述设定列表中的列表元素更新为在所述待渲染数据中位于第一数据之后的所述第一数量的数据;其中,
所述第一数据为所述设定列表更新前的尾列表元素表征的数据。
2.根据权利要求1所述的方法,其特征在于,还包括:
通过填充padding的方式在所述设定页面上加载滚动条。
3.根据权利要求2所述的方法,其特征在于,所述通过padding的方式在所述设定页面上加载滚动条时,所述方法包括:
基于每个列表元素在所述设定页面中的渲染高度和所述第一数量的设定DOM元素累积渲染的列表元素的个数,确定padding的增量。
4.根据权利要求1所述的方法,其特征在于,还包括:
通过交叉观察函数监听所述设定列表中的尾列表元素是否被渲染至所述设定页面中。
5.根据权利要求1所述的方法,其特征在于,还包括:
当监听到滚动事件时,监听所述设定列表中的尾列表元素是否被渲染至所述设定页面中。
6.根据权利要求1所述的方法,其特征在于,所述通过第一数量的设定DOM元素将所述设定列表中对应的列表元素渲染至设定页面中时,所述方法包括:
确定列表元素表征的数据在所述待渲染数组中对应的索引;
根据确定出的索引,从所述待渲染数组中查询出对应的数据并渲染至所述设定页面中。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在加载所述设定页面时,为所述设定列表中的每个列表元素添加对应的设定DOM元素。
8.一种页面显示装置,其特征在于,所述装置包括:
渲染单元,用于在设定列表中的列表元素发生更新的情况下,通过第一数量的设定DOM元素将所述设定列表中对应的列表元素渲染至设定页面中;所述设定列表的列表长度与所述第一数量相等;所述设定页面支持同时显示待渲染数组中所述第一数量的数据;
更新单元,用于在监听到所述设定列表中的尾列表元素被渲染至所述设定页面中的情况下,将所述设定列表中的列表元素更新为在所述待渲染数据中位于第一数据之后的所述第一数量的数据;其中,
所述第一数据为所述设定列表更新前的尾列表元素表征的数据。
9.一种电子设备,其特征在于,包括:处理器和用于存储能够在处理器上运行的计算机程序的存储器,其中,
所述处理器用于运行所述计算机程序时,执行权利要求1-7任一项所述方法的步骤。
10.一种存储介质,其上存有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-7任一项所述方法的步骤。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京京东拓先科技有限公司,未经北京京东拓先科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110362374.8/1.html,转载请声明来源钻瓜专利网。