一种页面组件加载处理方法和装置制造方法及图纸

技术编号:41708908 阅读:17 留言:0更新日期:2024-06-19 12:39
本发明专利技术公开了一种页面组件加载处理方法和装置,涉及数据处理技术领域。该方法的一具体实施方式包括:响应于对浏览器中页面的打开操作,获取页面中每个组件的信息;根据浏览器的屏幕信息、组件及组件中元素的面积信息,确定首屏显示的组件和元素,将其划分到第一帧中;确定非首屏外每个其他屏显示的组件和元素,将其划分到相应帧中,对得到的帧做排序,并统计最大帧数量;在按照帧排序每次渲染帧时,使用计数器计算已渲染的帧数量和本次待渲染的帧数量的累加值,响应于累加值小于最大帧数量,对当前待渲染的帧做渲染处理。该实施方式将页面中的组件划分到不同帧中,将首屏的内容优先加载显示,减少了用户等待时间,且避免出现白屏问题。

【技术实现步骤摘要】

本专利技术涉及数据处理,尤其涉及一种页面组件加载处理方法和装置


技术介绍

1、页面通常会设计多个组件,无论是后台管理系统,还是其他一些应用的页面,比如首页,如果涉及到大量组件,往往需要等待这些组件统一加载完毕之后再展示出来,整体渲染时间过长,因此会出现一部分白屏的刷新时间,不利于用户体验。

2、目前前端解决首页白屏提高加载速度的方法较多,包括减少打包后的体积,主要是关闭sourcemap的源码、cdn引入、路由懒加载、配置在路由文件中的页面和页面之间组件按需加载等等。但这些方式并未从根本上解决白屏问题,且维护成本高。


技术实现思路

1、有鉴于此,本专利技术实施例提供一种页面组件加载处理方法和装置,至少能够解决现有技术中一次渲染组件过多导致出现白屏现象。

2、为实现上述目的,根据本专利技术实施例的一个方面,提供了一种页面组件加载处理方法,包括:

3、响应于对浏览器中页面的打开操作,获取所述页面中每个组件的信息;

4、根据浏览器的屏幕信息、组件及组件中元素的面积信本文档来自技高网...

【技术保护点】

1.一种页面组件加载处理方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述在按照帧排序每次渲染帧时,使用计数器计算已渲染的帧数量和本次待渲染的帧数量的累加值,包括:

3.根据权利要求1所述的方法,其特征在于,所述响应于累加值小于最大帧数量,对当前待渲染的帧做渲染处理,还包括:

4.根据权利要求1-3中任一项所述的方法,其特征在于,组件信息还包括显示要求信息,所述方法还包括:

5.根据权利要求1所述的方法,其特征在于,最大帧数量为划分的帧总数和预设数值之和。

6.根据权利要求1所述的方法,其特征在于,所述页面...

【技术特征摘要】

1.一种页面组件加载处理方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述在按照帧排序每次渲染帧时,使用计数器计算已渲染的帧数量和本次待渲染的帧数量的累加值,包括:

3.根据权利要求1所述的方法,其特征在于,所述响应于累加值小于最大帧数量,对当前待渲染的帧做渲染处理,还包括:

4.根据权利要求1-3中任一项所述的方法,其特征在于,组件信息还包括显示要求信息,所述方法还包括:

5.根据权利要求1所述的方法,其特征在于,最大帧数量为划分的帧总数和预设数值之和。

6.根据权利要求1所述的方法,其特征在...

【专利技术属性】
技术研发人员:李钦坚郭家豪
申请(专利权)人:中国建设银行股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1