预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共14页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113867860A(43)申请公布日2021.12.31(21)申请号202111107976.5G06F16/958(2019.01)(22)申请日2021.09.22(71)申请人北京明略昭辉科技有限公司地址100089北京市海淀区北三环西路25号27号楼二层2020室(72)发明人黄佳丽(74)专利代理机构青岛清泰联信知识产权代理有限公司37256代理人魏炜(51)Int.Cl.G06F9/451(2018.01)G06F9/448(2018.01)G06F8/30(2018.01)G06F8/38(2018.01)G06F16/957(2019.01)权利要求书2页说明书7页附图4页(54)发明名称数据渲染方法、系统、存储介质及电子设备(57)摘要本申请公开了一种数据渲染方法、系统、存储介质及电子设备,数据渲染方法包括:加载步骤:通过数据调用接口加载初始化数据;判断步骤:判断所述初始化数据是否存在历史位置,得到判断结果;渲染步骤:根据所述判断结果对所述初始化数据进行处理,将所述初始化数据渲染到页面中;加载新数据步骤:对所述页面中的显示区域与新数据区域设置边界,当监测到页面高度变化达到预设阈值时,通过所述数据调用接口加载新数据;渲染新数据步骤:将所述新数据与所述初始化数据进行拼接渲染到所述页面中。本发明能够摆脱页面自上而下渲染的机制,在页面初始化时根据具体项目需求定位到需要展示的位置,提高了数据展示的灵活性。CN113867860ACN113867860A权利要求书1/2页1.一种数据渲染方法,其特征在于,包括:加载步骤:通过数据调用接口加载初始化数据;判断步骤:判断所述初始化数据是否存在历史位置,得到判断结果;渲染步骤:根据所述判断结果对所述初始化数据进行处理,将所述初始化数据渲染到页面中。2.如权利要求1所述的数据渲染方法,其特征在于,还包括:加载新数据步骤:对所述页面中的显示区域与新数据区域设置边界,当监测到页面高度变化达到预设阈值时,通过所述数据调用接口加载新数据;渲染新数据步骤:将所述新数据与所述初始化数据进行拼接渲染到所述页面中。3.如权利要求2所述的数据渲染方法,其特征在于,所述渲染步骤包括:计算步骤:若所述判断结果为存在所述历史位置,则按页面数据容量加载历史位置处的数据,并根据数据高度及所述页面高度计算滚动条位置进而在所述页面中对所述初始化数据进行渲染;按需求渲染步骤:若所述判断结果为不存在所述历史位置,则根据所述页面数据容量请求默认位置数据,根据所述默认位置数据按需求在所述页面中渲染所述初始化数据。4.如权利要求3所述的数据渲染方法,其特征在于,所述计算步骤包括:利用JavaScript操作Dom设置滚动条的scrollTop与scrollheight控制所述初始化数据在所述页面中的起始位置,为后续滚动所述页面提供初始条件。5.一种数据渲染系统,其特征在于,包括:加载模块,所述加载模块通过数据调用接口加载初始化数据;判断模块,所述判断模块判断所述初始化数据是否存在历史位置,得到判断结果;渲染模块,所述渲染模块根据所述判断结果对所述初始化数据进行处理,将所述初始化数据渲染到页面中。6.如权利要求5所述的数据渲染系统,其特征在于,还包括:加载新数据模块,所述加载新数据模块对所述页面中的显示区域与新数据区域设置边界,当监测到页面高度变化达到预设阈值时,通过所述数据调用接口加载新数据;渲染新数据模块,所述渲染新数据模块将所述新数据与所述初始化数据进行拼接渲染到所述页面中。7.如权利要求6所述的数据渲染系统,其特征在于,所述渲染模块包括:计算单元,若所述判断结果为存在所述历史位置,则按页面数据容量加载历史位置处的数据,所述计算单元根据数据高度及所述页面高度计算滚动条位置进而在所述页面中对所述初始化数据进行渲染;按需求渲染单元,若所述判断结果为不存在所述历史位置,则根据所述页面数据容量请求默认位置数据,所述按需求渲染单元根据所述默认位置数据按需求在所述页面中渲染所述初始化数据。8.如权利要求7所述的数据渲染系统,其特征在于,所述计算单元包括:利用JavaScript操作Dom设置滚动条的scrollTop与scrollheight控制所述初始化数据在所述页面中的起始位置,为后续滚动所述页面提供初始条件。9.一种电子设备,包括存储器、处理器以及存储在所述存储器上并可在所述处理器上2CN113867860A权利要求书2/2页运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至4中任一项所述的数据渲染方法。10.一种存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1至4中任一项所述的数据