一种页面渲染方法、装置及相关设备制造方法及图纸

技术编号:41506069 阅读:25 留言:0更新日期:2024-05-30 14:46
本申请提供了一种页面渲染方法、装置及相关设备,方法可包括以下步骤:页面渲染装置在接收到第一页面的更新请求时,会先基于更新请求,确定第一页面的待更新的响应式数据,基于响应式数据和组件之间的映射关系,确定待更新的响应式数据对应的响应组件,根据响应组件对第一页面进行渲染更新,获得第二页面,使得页面中的响应式数据更新时,使用响应式数据的组件会随之更新,从而达到差异渲染的目的,同时,本申请通过映射关系来确定使用响应式数据的组件的方式实现差异渲染,确定差异的方式更加高效、快捷,可以降低资源开销,提高渲染流畅度。

【技术实现步骤摘要】

本申请涉及计算机领域,尤其涉及一种页面渲染方法、装置及相关设备


技术介绍

1、页面渲染时,页面的每次更新都需要重新渲染整个页面,这意味着页面即使只有一小部分发生了改变,整个页面仍然会被完全重新渲染,包括未发生变化的部分也会重新渲染,这样的页面渲染方式存在明显的弊端,不仅造成系统资源的浪费,而且会导致用户与页面交互时的流畅度差。


技术实现思路

1、本申请提供了一种页面渲染方法、装置及相关设备,用于解决页面渲染会造成系统资源浪费,导致用户与页面交互时的流畅度差的问题。

2、第一方面,提供了一种页面渲染方法,该方法包括以下步骤:页面渲染装置获取第一页面的更新请求,基于更新请求,确定第一页面中的多个响应式数据,每个响应式数据是第一页面中动态变化的数据,每个响应式数据对应第一页面中的一个或者多个组件,每个响应式数据用于描述对应组件的共有属性,基于响应式数据和组件之间的映射关系,确定多个响应式数据对应的响应组件,对第一页面中的响应组件进行渲染更新,获得第二页面。

3、实施第一方面描述的方法,页面本文档来自技高网...

【技术保护点】

1.一种页面渲染方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述第一页面的更新请求包括更新数据,所述基于所述更新请求,确定所述第一页面的待更新的响应式数据包括:

3.根据权利要求1或2所述的方法,其特征在于,所述根据所述响应组件对所述第一页面进行渲染更新,获得第二页面包括:

4.根据权利要求1至3任一权利要求所述的方法,其特征在于,在页面渲染装置获取第一页面的更新请求之前,所述方法还包括:

5.根据权利要求4所述的方法,其特征在于,所述确定所述第一页面的组件列表以及渲染流程之后,所述方法还包括:

...

【技术特征摘要】

1.一种页面渲染方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述第一页面的更新请求包括更新数据,所述基于所述更新请求,确定所述第一页面的待更新的响应式数据包括:

3.根据权利要求1或2所述的方法,其特征在于,所述根据所述响应组件对所述第一页面进行渲染更新,获得第二页面包括:

4.根据权利要求1至3任一权利要求所述的方法,其特征在于,在页面渲染装置获取第一页面的更新请求之前,所述方法还包括:

5.根据权利要求4所述的方法,其特征在于,所述确定所述第一页面的组件列表以及渲染流程之后,所述方法还包括:

6.根据权利要求4或5所述的方法,其特征在于,所述确定所述第一页面的组件列表以及渲染流程之后,所述方法还包括:

7.根据权利要求1至6任一权利要求所述的方法,其特征在于,所述根据所述响应组件对所述第一页面进行渲染更新,获得第二页面之后,所述方法还包括:

8.一种页面渲染装置,其特征在于,所述装置包括:

9.根据权利要求8所述的装置,其特征在于,所述第一页面的更新请求包括更新数据,所述装置包括差异组件确定单元;

...

【专利技术属性】
技术研发人员:庄智能陈忱黄坚艺李民
申请(专利权)人:华为技术有限公司
类型:发明
国别省市:

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

1