[发明专利]数据渲染方法、装置、设备及存储介质

说明书

本发明涉及大数据领域，公开了一种数据渲染方法、装置、设备及存储介质，用于解决渲染大数量级数据时数据不连续且浏览器页面卡顿或者闪退的问题。数据渲染方法包括：当检测到浏览器的外层元素滚动条发生滚动时，调用事件监听函数滚动距离进行监听，得到外层元素内容高度值；根据外层元素内容高度值和外层元素终止行项，得到目标渲染行量和目标待渲染数据；渲染数据区待渲染数据，得到渲染后的数据区数据，根据行头区待渲染数据和行头区数据结构得到渲染后的行头区数据，根据列头区待渲染数据和列头区数据结构得到渲染后的列头区数据；将渲染后数据反馈至浏览器可见区域进行显示。此外，本发明还涉及区块链技术，目标待渲染数据可存储于区块链中。

技术领域

本发明涉及大数据技术领域，尤其涉及一种数据渲染方法、装置、设备及存储介质。

背景技术

随着经济与科技的快速发展，用户对浏览器的需求日益增多，用户通过浏览器可以查看各种报表、科研文章以及文字类新闻等，用户看到的报表、文章等均是数据渲染的成果。

在现有技术中，数据渲染一般采用分页渲染和懒加载渲染两种渲染方式，其中分页渲染在展示下一页数据时需要重新发送数据请求，这种分页渲染方式能够支撑的数据量较少，且数据渲染不连续；懒加载渲染方式虽然能够保证数据渲染的连续性但是当数据量达到一定量级时会造成浏览器页面卡顿的问题。

发明内容

本发明的主要目的在于解决在渲染大数据量级数据时，数据渲染不连续且浏览器页面出现卡顿的问题。

本发明第一方面提供了一种数据渲染方法，包括：获取浏览器的外层元素终止行项，当检测到浏览器的外层元素滚动条发生滚动时，调用事件监听函数对所述外层元素滚动条的滚动距离进行事件监听，得到外层元素内容高度值，所述外层元素终止行项为所述浏览器可见区域的第一行或者浏览器可见区域的最后一行；根据所述外层元素内容高度值、表格的标准行距阈值、表格的高度阈值和所述外层元素终止行项，得到目标渲染行量和对应的目标待渲染数据，所述目标待渲染数据包括数据区待渲染数据、行头区待渲染数据和列头区待渲染数据，所述目标待渲染数据为全量数据；根据所述数据区待渲染数据、所述行头区待渲染数据和所述列头区待渲染数据，得到数据区数据结构、行头区数据结构和列头区数据结构；渲染所述数据区待渲染数据，得到渲染后的数据区数据，并根据所述数据区数据结构、所述行头区数据结构和所述列头区数据结构渲染所述行头区待渲染数据和所述列头区待渲染数据，得到渲染后的行头区数据和渲染后的列头区数据；将所述渲染后的数据区数据、所述渲染后的行头区数据和所述渲染后的列头区数据反馈至所述浏览器可见区域进行显示。

可选的，在本发明第一方面的第一种实现方式中，所述获取浏览器的外层元素终止行项，当检测到浏览器的外层元素滚动条发生滚动时，调用事件监听函数对所述外层元素滚动条的滚动距离进行事件监听，得到外层元素内容高度值，所述外层元素终止行项为所述浏览器可见区域的第一行或者浏览器可见区域的最后一行包括：获取浏览器的外层元素终止行项，当检测到浏览器的外层元素滚动条发生滚动时，通过事件监听函数读取外层元素内容属性，所述外层元素终止行项为所述浏览器可见区域的第一行或者浏览器可见区域的最后一行；从所述外层元素内容属性中读取外层元素内容高度值。

可选的，在本发明第一方面的第二种实现方式中，所述根据所述外层元素内容高度值、表格的标准行距阈值、表格的高度阈值和所述外层元素终止行项，得到目标渲染行量和对应的目标待渲染数据，所述目标待渲染数据包括数据区待渲染数据、行头区待渲染数据和列头区待渲染数据，所述目标待渲染数据为全量数据包括：基于所述外层元素内容高度值，确定待渲染的表格内容高度值；判断所述待渲染的表格内容高度值是否小于或者等于所述表格的高度阈值；若所述待渲染的表格内容高度值小于或者等于表格的高度阈值，则基于所述待渲染的表格内容高度值和所述表格的标准行距阈值，计算得到目标渲染行量；基于所述外层元素终止行项和所述目标渲染行量确定目标起始渲染行项和目标终止渲染行项；基于所述目标起始渲染行项和所述目标终止渲染行项确定目标待渲染数据。