【技术实现步骤摘要】
本专利技术涉及数据处理,尤其涉及一种页面组件加载处理方法和装置。
技术介绍
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所述的方法,其特征在...
【专利技术属性】
技术研发人员:李钦坚,郭家豪,
申请(专利权)人:中国建设银行股份有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。