一种页面显示方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113779351A(43)申请公布日2021.12.10(21)申请号202110362374.8(22)申请日2021.04.02(71)申请人北京京东拓先科技有限公司地址100744北京市大兴区经济技术开发区科创十一街18号院1号楼7层701室(72)发明人魏兵兵(74)专利代理机构北京派特恩知识产权代理有限公司11270代理人李昂张颖玲(51)Int.Cl.G06F16/951(2019.01)G06F16/957(2019.01)权利要求书1页说明书10页附图2页(54)发明名称一种页面显示方法、装置、电子设备及存储介质(57)摘要本申请公开了一种页面显示方法、装置、电子设备及存储介质。其中，页面显示方法包括：在设定列表中的列表元素发生更新的情况下，通过第一数量的设定DOM元素将所述设定列表中对应的列表元素渲染至设定页面中；所述设定列表的列表长度与所述第一数量相等；所述设定页面支持同时显示待渲染数组中所述第一数量的数据；在监听到所述设定列表中的尾列表元素被渲染至所述设定页面中的情况下，将所述设定列表中的列表元素更新为在所述待渲染数据中位于第一数据之后的所述第一数量的数据；其中，所述第一数据为所述设定列表更新前的尾列表元素表征的数据。CN113779351ACN113779351A权利要求书1/1页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任一项所述方法的步骤。2CN113779351A说明书1/10页一种页面显示方法、装置、电子设备及存储介质技术领域[0001]本申请属于前端开发技术领域，尤其涉及一种页面显示方法、装置、电子设备及存储介质。背景技术[0002]通常，浏览页面侧边会加载一个滚动条，以供用户滚动浏览页面，浏览器需要监听滚动条的滚动事件，根据滚动事件加载显示内容。浏览器在监听到滚动事件之后，获取滚动条的滚动距离，根据滚动距离计算页面内可以显示的数据行数，再把对应数量的数据动态添加至文档对象模型(DOM，DocumentObjectModel)中，从而将数据转