[发明专利]数据呈现方法以及相应的装置、计算机设备和介质

说明书

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

技术领域

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

背景技术

当前，前端组件化思想已经得到广泛实施。很多公司都有自己的前端组件库，或者在第三方组件库的基础上封装了一层自有的组件库。在前端组件中，最常用的组件例如表格、列表、树等在数据量庞大的情况下均会或多或少出现渲染性能问题，例如当响应于列表的无限滚动加载后端数据时，由于加载的数据过多会导致组件卡顿，甚至没有任何响应。

针对上述的大数据加载所涉及的性能问题，通常的解决方案是采用懒加载机制来确保后端数据量巨大时数据不会被一次性加载到前端。但是，该解决方案无法满足以下需求：1)用户希望通过滚动的方式直接访问中间某个区域的数据；2)用户希望无论数据量多大，给用户的体验是一致的。

发明内容

本发明的目的在于提供一种能解决或缓解上述问题的方案。

具体地，根据本发明的第一方面，提供一种用于用户终端设备的数据呈现方法，其包括：

经由安装在所述用户终端设备上的一个应用程序接收来自用户的指示对数据的请求的输入；

响应于所述输入，从数据来源加载所请求的数据以在一个滚动方向上以滚动方式在所述用户终端设备的显示装置上的、与所述应用程序相关联的用户界面的一可视区域中呈现所加载的数据，其中，被加载的数据被配置为响应于与所述可视区域相关联的控件在所述滚动方向上的滚动而在所述滚动方向上在一虚拟滚动区域中滚动，

其中，加载所请求的数据包括：

基于所述可视区域在所述滚动方向上的可视尺寸ShowWindowSize加载所请求的数据的一部分作为首屏加载数据供呈现给所述用户，所述首屏加载数据在所述滚动方向上的高度与所述可视尺寸之比等于一阈值比率TR，其中，所述阈值比率TR大于1且小于3；以及

每当所述虚拟滚动区域在所述滚动方向上的一个边界超出所述可视区域的相应边界的尺寸小于或等于一阈值尺寸deltaSize时，加载所请求的数据的另一部分，所述另一部分包括所请求的数据的除所述一部分外的剩余部分或所述另一部分在所述滚动方向上的高度等于所述阈值尺寸deltaSize，其中

根据本发明的第二方面，提供一种用于用户终端设备的数据呈现装置，其包括处理器，所述处理器被配置为执行计算机指令以：

经由安装在所述用户终端设备上的一个应用程序接收来自用户的指示对数据的请求的输入；

响应于所述输入，从数据来源加载所请求的数据以在一个滚动方向上以滚动方式在所述用户终端设备的显示装置上的、与所述应用程序相关联的用户界面的一可视区域中呈现所加载的数据，其中，被加载的数据被配置为响应于与所述可视区域相关联的控件在所述滚动方向上的滚动而在所述滚动方向上在一虚拟滚动区域中滚动，

其中，加载所请求的数据包括：