数据呈现方法以及相应的装置、计算机设备和介质制造方法及图纸

提供用于用户终端设备的数据呈现方法和相应的装置、计算机设备和介质。该方法包括：接收来自用户的指示对数据的请求的输入；响应于该输入，从数据来源加载所请求的数据以在一滚动方向上以滚动方式在用户终端设备的显示装置上的、与所涉及应用程序相关联的用户界面的可视区域中呈现所加载的数据。加载所请求的数据包括：加载所请求的数据的一部分作为首屏加载数据供呈现给用户，在滚动方向上首屏加载数据的高度与可视区域的可视尺寸ShowWindowSize之比等于阈值比率TR；每当虚拟滚动区域在滚动方向上的一边界超出可视区域相应边界的尺寸小于或等于阈值尺寸deltaSize时加载所请求的数据的另一部分，其中利用本发明专利技术，有助于缓解与大数据加载相关的问题，改进用户体验。验。验。

【技术实现步骤摘要】
数据呈现方法以及相应的装置、计算机设备和介质


[0001]本专利技术涉及计算机
，更具体而言，涉及一种用于用户终端设备的数据呈现方法和相应的数据呈现装置、计算机设备和计算机可读存储介质。

技术介绍

[0002]当前，前端组件化思想已经得到广泛实施。很多公司都有自己的前端组件库，或者在第三方组件库的基础上封装了一层自有的组件库。在前端组件中，最常用的组件例如表格、列表、树等在数据量庞大的情况下均会或多或少出现渲染性能问题，例如当响应于列表的无限滚动加载后端数据时，由于加载的数据过多会导致组件卡顿，甚至没有任何响应。
[0003]针对上述的大数据加载所涉及的性能问题，通常的解决方案是采用懒加载机制来确保后端数据量巨大时数据不会被一次性加载到前端。但是，该解决方案无法满足以下需求：1)用户希望通过滚动的方式直接访问中间某个区域的数据；2)用户希望无论数据量多大，给用户的体验是一致的。

技术实现思路

[0004]本专利技术的目的在于提供一种能解决或缓解上述问题的方案。
[0005]具体地，根据本专利技术的第一方面，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种用于用户终端设备的数据呈现方法，包括：经由安装在所述用户终端设备上的一个应用程序接收来自用户的指示对数据的请求的输入；响应于所述输入，从数据来源加载所请求的数据以在一个滚动方向上以滚动方式在所述用户终端设备的显示装置上的、与所述应用程序相关联的用户界面的一可视区域中呈现所加载的数据，其中，被加载的数据被配置为响应于与所述可视区域相关联的控件在所述滚动方向上的滚动而在所述滚动方向上在一虚拟滚动区域中滚动，其中，加载所请求的数据包括：基于所述可视区域在所述滚动方向上的可视尺寸ShowWindowSize加载所请求的数据的一部分作为首屏加载数据供呈现给所述用户，所述首屏加载数据在所述滚动方向上的高度与所述可视尺寸之比等于一阈值比率TR，其中，所述阈值比率TR大于1且小于3；以及每当所述虚拟滚动区域在所述滚动方向上的一个边界超出所述可视区域的相应边界的尺寸小于或等于一阈值尺寸deltaSize时，加载所请求的数据的另一部分，所述另一部分包括所请求的数据的除所述一部分外的剩余部分或所述另一部分在所述滚动方向上的高度等于所述阈值尺寸deltaSize，其中2.根据权利要求1所述的数据呈现方法，其中，已加载的数据被存储在所述用户终端设备的内存储器中，所述方法还包括：每当所述虚拟滚动区域在所述滚动方向上的一个滚动区域边界超出所述可视区域的相应边界的尺寸大于或等于所述阈值尺寸deltaSize的2倍时，从所述内存储器移除所述虚拟滚动区域中邻近所述滚动区域边界的数据部分，所移除的数据部分在所述滚动方向上的高度等于所述阈值尺寸deltaSize。3.根据权利要求1或2所述的数据呈现方法，其中，所述阈值比率TR等于2。4.根据权利要求1或2所述的数据呈现方法，其中，所述数据来源包括在所述用户终端设备本地的数据来源或所述用户终端设备能访问的远程数据来源。5.根据权利要求1或2所述的数据呈现方法，其中，所述滚动方向包括所述可视区域的横向方向或纵向方向。6.一种用于用户终端设备的数据呈现装置，包括处理器，所述处理器被配置为执行计算机指...

【专利技术属性】
技术研发人员：宫超，刘庆龙，
申请(专利权)人：北京元年科技股份有限公司，
类型：发明
国别省市：