一种页面加载的方法、装置及电子设备与流程

文档序号:27978945发布日期:2021-12-15 01:55阅读:来源:国知局

技术特征:
1.一种页面加载的方法,其特征在于,包括:获取待渲染数据;对所述待渲染数据中的大数据组进行切分,得到多个数据单元;将所述数据单元分入连续帧的待渲染页面的不同帧的渲染任务队列中;在待渲染数据中的小数据组渲染完毕后,获取当前帧的待渲染页面的渲染任务队列中的所述数据单元进行渲染,完成当前帧的所述待渲染页面的渲染。2.如权利要求1所述的页面加载的方法,其特征在于,所述对所述待渲染数据中的大数据组进行切分,得到多个数据单元,包括:通过异步线程,按最小颗粒度对所述大数据组进行切分,得到多个所述数据单元。3.如权利要求1或2所述的页面加载的方法,其特征在于,所述在待渲染数据中的小数据组渲染完毕后,获取当前帧的待渲染页面的渲染任务队列中的所述数据单元进行渲染,包括:通过主线程对所述待渲染数据中的小数据组进行渲染,并在所述小数据组渲染完毕后,判断当前帧的待渲染页面的渲染任务队列是否为空;当所述渲染任务队列不为空时,提取所述渲染任务队列中的所述数据单元通过所述主线程执行,直至所述渲染任务队列为空;当所述渲染任务队列为空时,完成当前帧的所述待渲染页面的渲染。4.如权利要求1

3任意一条所述的页面加载的方法,其特征在于,所述提取所述渲染任务队列中的所述数据单元通过所述主线程执行,包括:判断所述渲染任务队列中是否包含宏任务;当所述渲染任务队列包含宏任务时,执行所述宏任务;当所述渲染任务队列不包含宏任务时,执行所述微任务。5.如权利要求1

4任意一条所述的页面加载的方法,其特征在于,所述方法还包括:获取每组所述待渲染数据的目标属性;判断所述目标属性是否超过预设阈值;当所述目标属性大于预设阈值时,所述待渲染数据为所述大数据组;当所述目标属性小于或等于预设阈值时,所述待渲染数据为小数据组。6.一种页面加载的装置,其特征在于,包括:获取模块,用以获取待渲染数据;切分模块,用以对所述待渲染数据中的大数据组进行切分,得到多个数据单元;分组模块,用以将所述数据单元分入连续帧的待渲染页面的不同帧的渲染任务队列中;渲染模块,用以在待渲染数据中的小数据组渲染完毕后,获取当前帧的待渲染页面的渲染任务队列中的所述数据单元进行渲染,完成当前帧的所述待渲染页面的渲染。7.如权利要求6所述的页面加载的方法,其特征在于,所述切分模块,具体用以通过异步线程,按最小颗粒度对所述大数据组进行切分,得到多个所述数据单元。8.如权利要求7所述的页面加载的方法,其特征在于,所述渲染模块,具体用以通过主线程对所述待渲染数据中的小数据组进行渲染,并在所述小数据组渲染完毕后,判断当前帧的待渲染页面的渲染任务队列是否为空;当所述渲染任务队列不为空时,提取所述渲染
任务队列中的所述数据单元通过所述主线程执行,直至所述渲染任务队列为空;当所述渲染任务队列为空时,完成当前帧的所述待渲染页面的渲染。9.一种电子设备,其中,该电子设备包括:处理器;以及,存储计算机可执行指令的存储器,所述可执行指令在被执行时使所述处理器执行根据权利要求1

5中任一项所述的方法。10.一种计算机可读存储介质,其中,所述计算机可读存储介质存储一个或多个程序,所述一个或多个程序当被处理器执行时,实现权利要求1

5中任一项所述的方法。

技术总结
本发明提供了一种页面加载的方法、装置及电子设备,涉及互联网技术领域,包括获取待渲染数据;对所述待渲染数据中的大数据组进行切分,得到多个数据单元;将所述数据单元分入连续帧的待渲染页面的不同帧的渲染任务队列中;在待渲染数据中的小数据组渲染完毕后,获取当前帧的待渲染页面的渲染任务队列中的所述数据单元进行渲染,完成当前帧的所述待渲染页面的渲染。本申请实现了页面的快速加载,减少了用户的等待时间,提升了用户的使用体验。提升了用户的使用体验。提升了用户的使用体验。


技术研发人员:韩月强
受保护的技术使用者:上海淇玥信息技术有限公司
技术研发日:2021.09.23
技术公布日:2021/12/14
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1