数据渲染方法、装置、设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112000906A(43)申请公布日2020.11.27(21)申请号202010876836.3(22)申请日2020.08.27(71)申请人中国平安财产保险股份有限公司地址518048广东省深圳市福田区益田路5033号平安金融中心12、13、38、39、40层(72)发明人王强林(74)专利代理机构北京市京大律师事务所11321代理人姚维(51)Int.Cl.G06F16/957(2019.01)G06F9/451(2018.01)G06F3/0485(2013.01)G06F40/106(2020.01)权利要求书3页说明书13页附图4页(54)发明名称数据渲染方法、装置、设备及存储介质(57)摘要本发明涉及大数据领域，公开了一种数据渲染方法、装置、设备及存储介质，用于解决渲染大数量级数据时数据不连续且浏览器页面卡顿或者闪退的问题。数据渲染方法包括：当检测到浏览器的外层元素滚动条发生滚动时，调用事件监听函数滚动距离进行监听，得到外层元素内容高度值；根据外层元素内容高度值和外层元素终止行项，得到目标渲染行量和目标待渲染数据；渲染数据区待渲染数据，得到渲染后的数据区数据，根据行头区待渲染数据和行头区数据结构得到渲染后的行头区数据，根据列头区待渲染数据和列头区数据结构得到渲染后的列头区数据；将渲染后数据反馈至浏览器可见区域进行显示。此外，本发明还涉及区块链技术，目标待渲染数据可存储于区块链中。CN112000906ACN112000906A权利要求书1/3页1.一种数据渲染方法，其特征在于，所述数据渲染方法包括：获取浏览器的外层元素终止行项，当检测到浏览器的外层元素滚动条发生滚动时，调用事件监听函数对所述外层元素滚动条的滚动距离进行事件监听，得到外层元素内容高度值，所述外层元素终止行项为所述浏览器可见区域的第一行或者浏览器可见区域的最后一行；根据所述外层元素内容高度值、表格的标准行距阈值、表格的高度阈值和所述外层元素终止行项，得到目标渲染行量和对应的目标待渲染数据，所述目标待渲染数据包括数据区待渲染数据、行头区待渲染数据和列头区待渲染数据，所述目标待渲染数据为全量数据；根据所述数据区待渲染数据、所述行头区待渲染数据和所述列头区待渲染数据，得到数据区数据结构、行头区数据结构和列头区数据结构；渲染所述数据区待渲染数据，得到渲染后的数据区数据，并根据所述数据区数据结构、所述行头区数据结构和所述列头区数据结构渲染所述行头区待渲染数据和所述列头区待渲染数据，得到渲染后的行头区数据和渲染后的列头区数据；将所述渲染后的数据区数据、所述渲染后的行头区数据和所述渲染后的列头区数据反馈至所述浏览器可见区域进行显示。2.根据权利要求1所述的数据渲染方法，其特征在于，所述获取浏览器的外层元素终止行项，当检测到浏览器的外层元素滚动条发生滚动时，调用事件监听函数对所述外层元素滚动条的滚动距离进行事件监听，得到外层元素内容高度值，所述外层元素终止行项为所述浏览器可见区域的第一行或者浏览器可见区域的最后一行包括：获取浏览器的外层元素终止行项，当检测到浏览器的外层元素滚动条发生滚动时，通过事件监听函数读取外层元素内容属性，所述外层元素终止行项为所述浏览器可见区域的第一行或者浏览器可见区域的最后一行；从所述外层元素内容属性中读取外层元素内容高度值。3.根据权利要求1所述的数据渲染方法，其特征在于，所述根据所述外层元素内容高度值、表格的标准行距阈值、表格的高度阈值和所述外层元素终止行项，得到目标渲染行量和对应的目标待渲染数据，所述目标待渲染数据包括数据区待渲染数据、行头区待渲染数据和列头区待渲染数据，所述目标待渲染数据为全量数据包括：基于所述外层元素内容高度值，确定待渲染的表格内容高度值；判断所述待渲染的表格内容高度值是否小于或者等于所述表格的高度阈值；若所述待渲染的表格内容高度值小于或者等于表格的高度阈值，则基于所述待渲染的表格内容高度值和所述表格的标准行距阈值，计算得到目标渲染行量；基于所述外层元素终止行项和所述目标渲染行量确定目标起始渲染行项和目标终止渲染行项；基于所述目标起始渲染行项和所述目标终止渲染行项确定目标待渲染数据。4.根据权利要求3所述的数据渲染方法，其特征在于，所述基于所述外层元素终止行项和所述目标渲染行量确定目标起始渲染行项和目标终止渲染行项包括：通过所述事件监听函数，确定外层元素滚动条的滚动方向；基于所述外层元素终止行项和所述外层元素滚动条的滚动方向确定目标起始渲染行项；2CN112000906A权利要求书2/3页基于所述目标起始行项、所述外层元素滚动条的滚动方向和所述目标渲染行量，确定目标终止行项。5.根据权利要求3所述的数据渲染方法，其特征在于，所述基于所