【技术实现步骤摘要】
一种网页列表显示方法和装置
本专利技术涉及计算机
，尤其涉及一种网页列表显示方法和装置。
技术介绍
在网页上呈现多条数据的形式，称之为列表。当数据量较大或者存在图片等时，会出现网页尺寸超出设备屏幕尺寸、部分数据隐藏在设备屏幕外的情况。用户只有通过上下左右移动界面，才能查看到所隐藏的数据。现有技术对于列表数据的显示方式，通常是：网页是通过HTML(HyperTextMarkupLanguage，超文本标记语言)描述的，服务端动态生成包含全部列表数据的HTML文档，设备浏览器通过对应的URL(UniformResourceLocator，统一资源定位符)获取该HTML文档，并将其解释为网页显示出来；在实现本专利技术的过程中，专利技术人发现现有技术至少存在如下问题：设备浏览器一次性解释并渲染多个HTML元素，耗时过长，同时设备内存中DOM对象的数量也多，造成设备内存消耗过大，网页界面响应迟钝的现象。
技术实现思路
有鉴于此，本专利技术实施例提供一种网页列表显示方法和装置，至...
【技术保护点】
1.一种网页列表显示方法，其特征在于，包括：/n根据网页的滚动距离以及列表数据在所述网页中的显示尺寸，确定所述滚动距离中的隐列表数据；/n根据列表数据与DOM对象的对应关系，更改与所述隐列表数据相应的DOM对象在DOM队列中的位置，并基于待显示列表数据更改所述DOM对象中的文本节点，以通过所述DOM对象对所述待显示列表数据进行显示。/n
【技术特征摘要】
1.一种网页列表显示方法，其特征在于，包括：
根据网页的滚动距离以及列表数据在所述网页中的显示尺寸，确定所述滚动距离中的隐列表数据；
根据列表数据与DOM对象的对应关系，更改与所述隐列表数据相应的DOM对象在DOM队列中的位置，并基于待显示列表数据更改所述DOM对象中的文本节点，以通过所述DOM对象对所述待显示列表数据进行显示。
2.根据权利要求1所述的方法，其特征在于，所述更改与所述隐列表数据相应的DOM对象在DOM队列中的位置，并基于待显示列表数据更改所述DOM对象中的文本节点，以通过所述DOM对象对所述待显示列表数据进行显示，包括：
当所述滚动距离逐渐增大、且是所述显示尺寸的整数倍时，确定与列表中第一个列表数据相应的第一DOM对象，移动所述第一DOM对象至所述DOM队列的末端；
确定与所述第一DOM对象相应、且位于所述第一列表数据之后的下一列表数据，基于所述下一列表数据更改所述第一DOM对象中的文本节点，并通过所述第一DOM对象对所述下一列表数据进行显示。
3.根据权利要求2所述的方法，其特征在于，在所述确定与所述第一DOM对象相应、且位于所述第一列表数据之后的下一列表数据之前，还包括：
根据所述网页的列表数据长度、以及所述列表中第一个列表数据的标识，确定与所述第一个列表数据所处区间相邻的下一区间，将处于所述下一区间的列表数据作为待显示列表数据；其中所述区间与所述下一区间的长度相同。
4.根据权利要求3所述的方法，其特征在于，在所述根据所述网页的列表数据长度、以及所述列表中第一个列表数据的标识，确定与所述第一个列表数据所处区间相邻的下一区间之前，还包括：
根据所述网页的可视区域高度、页面缩放比例以及列表数据在所述网页中的显示尺寸，确定所述网页的所述列表数据长度。
5.根据权利要求1所述的方法，其特征在于，所述更改与所述隐列表数据相应的DOM对象在DOM队列中的位置，并基于待显示列表数据更改所述DOM对象中的文本节点，以通过所述DOM对象对所述待显示列表数据进行显示，包括：
当所述滚动距离逐渐减小、且是所述显示尺寸的整数倍时，确定与所述列表中最后一个列表数据相应的第二DOM对象，移动所述第二DOM对象至所述DOM队列的始端；
确定与所述第二DOM对象相应、且位于所述最后一个列表数据之前的上一列表数据，基于所述上一列表数据更改所述第二DOM对象中的文本节点，并通过所述第二DOM对象对所述上一列表数据进行显示。
6.根据权利要求1所述的方法，其特征在于，还包括：
当所述滚动距离不是所述显示尺寸的整数倍时，确定所述滚动距离中的最后一个列表数据未隐藏完全；
基于所述滚动距离，更改所述DOM队列中的DOM对象与所述网页始端的...
【专利技术属性】
技术研发人员：卢文，李清城，
申请(专利权)人：北京京东尚科信息技术有限公司，北京京东世纪贸易有限公司，
类型：发明
国别省市：北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。