数据渲染方法、装置、终端及存储介质制造方法及图纸

本申请公开了一种数据渲染方法、装置、终端及存储介质。方法包括：确定网页页面中的滚动条的高度；基于滚动条的高度，确定起始索引和结束索引；基于起始索引、结束索引和预设偏移量，确定目标起始索引和目标结束索引；基于目标起始索引和目标结束索引，确定网页页面的目标可视区域，并将目标可视区域对应的数据渲染至目标可视区域。本发明专利技术通过起始索引、结束索引和预设偏移量，确定目标起始索引和目标结束索引，待滚动条移动后，基于目标起始索引和目标结束索引得到目标可视区域，进而将实际想要展示的内容(数据)通过目标可视区域呈现。在页面渲染的时候，极大程度的提升了页面的渲染速度，此外，本发明专利技术可复用多种场景的组件化复用。用。用。

【技术实现步骤摘要】
数据渲染方法、装置、终端及存储介质


[0001]本申请涉及网页页面显示
，具体而言，涉及一种数据渲染方法、装置、终端及存储介质。

技术介绍

[0002]随着企业级应用越来越复杂，网页页面呈现的数据结构也变得越来越复杂，而大量而复杂的数据结构，使页面的渲染速度下降，导致白屏现象的出现。因此，如何提高网页的渲染速度成为亟待解决的问题。
[0003]目前，主要通过优化页面节点元素数量的方式，即通过CSS Hack等方式实现网页页面的可视区域内的数据的正常显示。
[0004]但是，通过上述方法只能保证数据的正常显示，但是网页的渲染速度依旧慢。

技术实现思路

[0005]本申请的主要目的在于提供一种数据渲染方法、装置、终端及存储介质，以解决相关技术中存在网页的渲染速度慢的问题。
[0006]为了实现上述目的，第一方面，本申请提供了一种数据渲染方法，包括：
[0007]确定网页页面中的滚动条的高度；
[0008]基于滚动条的高度，确定起始索引和结束索引；
[0009]基于起始索引、结束索本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据渲染方法，其特征在于，包括：确定网页页面中的滚动条的高度；基于所述滚动条的高度，确定起始索引和结束索引；基于所述起始索引、所述结束索引和预设偏移量，确定目标起始索引和目标结束索引；基于所述目标起始索引和所述目标结束索引，确定所述网页页面的目标可视区域，并将所述目标可视区域对应的数据渲染至所述目标可视区域。2.如权利要求1所述数据渲染方法，其特征在于，所述基于所述滚动条的高度，确定起始索引和结束索引，包括：基于所述滚动条的高度和列表中的每项对应的预设行高，确定所述起始索引；基于可视区域对应的项数和所述起始索引，确定所述结束索引。3.如权利要求2所述数据渲染方法，其特征在于，所述基于可视区域对应的项数和所述起始索引，确定所述结束索引之前，还包括：基于预设的可视区域高度和所述预设行高，确定所述可视区域对应的项数。4.如权利要求3所述数据渲染方法，其特征在于，所述基于可视区域对应的项数和所述起始索引，确定所述结束索引之后，还包括：基于所述起始索引和所述结束索引，确定所述网页页面的初始可视区域；基于所述起始索引、所述结束索引和列表数据，确定所述初始可视区对应的数据，并将所述初始可视区域对应的数据渲染至所述初始可视区域。5.如权利要求4所述数据渲染方法，其特征在于，所述预设偏移量包括预设起始偏移量和预设结束偏移量；基于所述起始索引、所述结束索引和预设偏移量，确定目标起始索引和目标结束索引，包括：基于所述起始索引和所述预设起始偏移量，得到所述目标起始索引；基于所述结束索引和所述预设结束偏移...

【专利技术属性】
技术研发人员：范凌，许程健，王喆，
申请(专利权)人：特赞上海信息科技有限公司，
类型：发明
国别省市：