[发明专利]页面渲染方法、装置和电子设备在审
申请号: | 202310246685.7 | 申请日: | 2023-03-10 |
公开(公告)号: | CN116150539A | 公开(公告)日: | 2023-05-23 |
发明(设计)人: | 陈云飞;王艾林 | 申请(专利权)人: | 京东科技控股股份有限公司 |
主分类号: | G06F16/958 | 分类号: | G06F16/958 |
代理公司: | 北京清亦华知识产权代理事务所(普通合伙) 11201 | 代理人: | 孙诗惠 |
地址: | 100176 北京市大兴区北京经*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 页面 渲染 方法 装置 电子设备 | ||
1.一种页面渲染方法,其特征在于,包括:
获取待渲染页面上的页面组件的配置数据;
基于所述页面组件的技术栈的类别,对所述配置数据进行转换,得到转换数据;
基于所述转换数据,对所述页面组件进行渲染,以对所述待渲染页面进行渲染。
2.根据权利要求1所述的方法,其特征在于,所述基于所述页面组件的技术栈的类别,对所述配置数据进行转换,得到转换数据,包括:
基于所述页面组件的技术栈的类别,确定所述转换数据的数据类别;
按照所述数据类别,对所述配置数据进行转换,得到所述转换数据。
3.根据权利要求1所述的方法,其特征在于,所述基于所述转换数据,对所述页面组件进行渲染,包括:
加载所述页面组件的组件实体;
基于所述组件实体和所述转换数据,对所述页面组件进行渲染。
4.根据权利要求3所述的方法,其特征在于,所述基于所述组件实体和所述转换数据,对所述页面组件进行渲染,包括:
基于所述组件实体和所述转换数据,生成所述待渲染页面的虚拟组件树,其中,所述虚拟组件树的节点用于表征所述页面组件;
对所述虚拟组件树进行遍历,并基于当前遍历到的目标节点的第一节点数据,对所述目标节点表征的目标页面组件进行渲染,直至所述虚拟组件树遍历结束。
5.根据权利要求4所述的方法,其特征在于,所述基于所述组件实体和所述转换数据,生成所述待渲染页面的虚拟组件树,包括:
基于所述组件实体和所述转换数据,得到所述节点的第二节点数据;
按照所述节点之间的层级关系,对所述第二节点数据进行组合,得到所述虚拟组件树。
6.根据权利要求5所述的方法,其特征在于,还包括:
基于所述页面组件之间的层级关系,确定所述节点之间的层级关系。
7.根据权利要求4所述的方法,其特征在于,所述基于当前遍历到的目标节点的第一节点数据,对所述目标节点表征的目标页面组件进行渲染,包括:
基于所述页面组件的技术栈的类别,确定所述目标页面组件的挂载方式;
基于所述挂载方式和所述第一节点数据,对所述目标页面组件进行挂载。
8.根据权利要求7所述的方法,其特征在于,所述基于所述挂载方式和所述第一节点数据,对所述目标页面组件进行挂载,包括:
基于所述第一节点数据,得到所述目标页面组件的组件描述;
基于所述挂载方式和所述组件描述,对所述目标页面组件进行挂载。
9.根据权利要求8所述的方法,其特征在于,所述基于所述挂载方式和所述组件描述,对所述目标页面组件进行挂载,包括:
基于所述组件描述,得到所述目标页面组件的真实文档对象模型DOM;
基于所述挂载方式,将所述目标页面组件的真实DOM挂载到所述目标页面组件的父组件的真实DOM上。
10.根据权利要求1-9中任一项所述的方法,其特征在于,所述页面组件包括第一页面组件和第二页面组件,所述第一页面组件和所述第二页面组件之间为父子关系,所述第一页面组件、所述第二页面组件的技术栈的类别不同。
11.一种页面渲染装置,其特征在于,包括:
获取模块,用于获取待渲染页面上的页面组件的配置数据;
转换模块,用于基于所述页面组件的技术栈的类别,对所述配置数据进行转换,得到转换数据;
渲染模块,用于基于所述转换数据,对所述页面组件进行渲染,以对所述待渲染页面进行渲染。
12.一种电子设备,其特征在于,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时,实现如权利要求1-10中任一项所述的页面渲染方法。
13.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-10中任一项所述的页面渲染方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于京东科技控股股份有限公司,未经京东科技控股股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202310246685.7/1.html,转载请声明来源钻瓜专利网。
- 上一篇:文本校对方法、装置、设备及存储介质
- 下一篇:一种多金属氧酸盐溶胶制备设备