[发明专利]数据处理方法、装置、设备及可读存储介质

说明书

本申请实施例公开了一种数据处理方法、装置、设备及可读存储介质，涉及医疗领域，其中，方法包括：响应于针对目标页面的页面加载指令，从与目标页面关联的目标列表数据中获取第一列表数据；对第一列表数据进行渲染，将渲染后的第一列表数据展示在目标页面中；若目标列表数据中包含的数据的页数为至少两页，则获取与目标列表数据关联的第一提示元素，以及第一提示元素对应的目标观察器；响应于针对目标页面的滑动指令，基于目标观察器获取第一提示元素的元素显示区域与目标页面之间的比值；基于比值对目标列表数据中除第一列表数据以外的数据进行渲染后展示。采用本申请实施例，可以减少页面滑动卡顿，提高数据处理效率，提升用户体验。

技术领域

本申请涉及计算机技术领域，尤其涉及一种数据处理方法、装置、设备及可读存储介质。

背景技术

无限滚动在页面长列表交互中很常见，特别是移动端应用程序浏览竖直的长列表场景，如帖子、评论、商品等列表，例如医疗商品列表。功能是当用户滑动内容时，更多的内容自动加载进入页面，提供了一个高效的方式给用户浏览大量信息。通过判断用户即将滑动浏览完列表内容时，提前加载下一页列表内容，可以即时的响应用户交互，而不需要过多的等待页面加载。

传统方案一般是通过添加页面滚动事件监听方式，在滚动事件回调中判断列表容器元素是否即将滑动到页面底部，是则触发下一页列表数据加载。然而，页面滚动事件在用户滑动内容时会被频繁触发，同步的执行事件回调任务，频繁的执行事件回调会大量占用浏览器线程资源，阻塞其他任务执行，可能导致页面滑动卡顿，降低数据处理效率，导致用户体验较差。

发明内容

本申请实施例提供一种数据处理方法、装置、设备及可读存储介质，可以减少页面滑动卡顿，提高数据处理效率，提升用户体验。

第一方面，本申请提供一种数据处理方法，包括：

响应于针对目标页面的页面加载指令，从与该目标页面关联的目标列表数据中获取第一列表数据；

对该第一列表数据进行渲染，将渲染后的第一列表数据展示在该目标页面中；

若该目标列表数据中包含的数据的页数为至少两页，则获取与该目标列表数据关联的第一提示元素，以及该第一提示元素对应的目标观察器；

响应于针对该目标页面的滑动指令，基于该目标观察器获取该第一提示元素的元素显示区域与该目标页面之间的比值；

基于该比值对该目标列表数据中除该第一列表数据以外的数据进行渲染后展示。

第二方面，本申请提供一种数据处理装置，包括：

页面加载模块，用于响应于针对目标页面的页面加载指令，从与该目标页面关联的目标列表数据中获取第一列表数据；

第一展示模块，用于对该第一列表数据进行渲染，将渲染后的第一列表数据展示在该目标页面中；

数据获取模块，用于若该目标列表数据中包含的数据的页数为至少两页，则获取与该目标列表数据关联的第一提示元素，以及该第一提示元素对应的目标观察器；

页面滑动模块，用于响应于针对该目标页面的滑动指令，基于该目标观察器获取该第一提示元素的元素显示区域与该目标页面之间的比值；

第二展示模块，用于基于该比值对该目标列表数据中除该第一列表数据以外的数据进行渲染后展示。

结合第二方面，在一种可能的实现方式中，该第二展示模块，具体用于：

若该比值大于或等于第一预设阈值，且该第一列表数据不为该目标列表数据中的指定页数据，则在该目标页面中的预设位置显示第一提示元素；

当获取到渲染后的第二列表数据时，在该目标页面中展示渲染后的第二列表数据。