[发明专利]数据的显示方法、装置及设备

说明书

本公开关于一种数据的显示方法、装置及设备，依据滑动对象在全量数据的显示长度上已滑过的距离、以及全量数据被划分形成的各个数据块的显示长度，确定目标数据块的索引信息，依据目标数据块的索引信息以及各个数据块中包括的数据的条数，确定渲染范围，渲染显示渲染范围内的数据块，并使用空白不可见标记元素作为渲染范围外的数据块的渲染结果，可见，仅渲染一定范围内的数据，而其它数据使用空白元素填充显示页面，因此能够减少渲染显示的数据量。

技术领域

本公开涉及数据处理领域，尤其涉及一种数据的显示方法、装置及设备。

背景技术

在大数据时代，前端页面上显示的数据的体量越来越庞大，庞大的数据量会给页面渲染带来巨大的挑战。具体的，大体量数据渲染到页面上形成的大量的HTML节点，会造成页面的卡顿甚至导致浏览器崩溃。

目前使用数据懒加载技术用以解决上述问题，相关技术中，每次加载一部分新数据，以减少渲染的数据量，但数据懒加载过程中数据是累增的，最后数据依然会很多，还是会造成页面卡顿甚至崩溃。

发明内容

本公开提供一种数据的显示方法、装置及设备，以至少解决相关技术中渲染显示数据量过大的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种数据的显示方法，包括：

依据滑动对象在全量数据的显示长度上已滑过的距离、以及所述全量数据被划分形成的各个数据块的显示长度，确定目标数据块的索引信息；所述目标数据块为当前被滑动对象控制位于显示窗口内的数据块，所述索引信息指示数据块在全部数据块中所处的序位，所述序位按照数据块在所述全量数据中的排序确定；

依据所述目标数据块的索引信息以及各个所述数据块中包括的数据的条数，确定渲染范围；

渲染显示所述渲染范围内的数据块，并使用空白不可见标记元素作为所述渲染范围之外的数据块的渲染结果。

可选地，依据所述目标数据块的索引信息以及各个所述数据块中包括的数据的条数，确定渲染范围，包括：

依据所述目标数据块的索引信息和各个所述数据块中包括的数据的条数，确定有效范围；

将所述有效范围相邻的预设长度的数据，作为缓冲范围；其中，所述预设显示长度的显示长度与所述有效范围的显示长度之和，大于所述显示窗口的显示长度；

将所述有效范围与所述缓冲范围，作为所述渲染范围。

可选地，使用空白不可见标记元素作为渲染范围之外的数据块的渲染结果，包括：

依据所述目标数据块的索引信息、各个所述数据块中包括的数据的条数、以及每条数据的显示长度，确定所述渲染范围之前的填充长度；

依据所述全量数据的显示长度、各个所述数据块的显示长度、所述缓冲范围的显示长度以及所述渲染范围之前的数据的填充高度，确定所述渲染范围之后的填充长度；

使用所述渲染范围之前的填充长度的所述空白不可见标记元素，作为所述渲染范围之前的数据的渲染结果；

使用所述渲染范围之后的填充长度的所述空白不可见标记元素，作为所述渲染范围之后的数据的渲染结果。

可选地，依据滑动对象在全量数据的显示长度上已滑过的距离、以及所述全量数据被划分形成的各个数据块的显示长度，确定目标数据块的索引信息，包括：

在所述全量数据中包括的数据的条数大于各个所述数据块中包括的数据的条数之和的情况下，依据滑动对象在全量数据的显示长度上已滑过的距离、以及所述全量数据被划分形成的各个数据块的显示长度，确定目标数据块的索引信息。

可选地，滑动对象在全量数据的显示长度上已滑过的距离的确定方法包括：