[发明专利]小程序的界面渲染方法、装置、电子设备和存储介质在审

专利信息
申请号: 201811404210.1 申请日: 2018-11-23
公开(公告)号: CN109375918A 公开(公告)日: 2019-02-22
发明(设计)人: 赵岘 申请(专利权)人: 天津字节跳动科技有限公司
主分类号: G06F8/38 分类号: G06F8/38;G06F8/65
代理公司: 北京清亦华知识产权代理事务所(普通合伙) 11201 代理人: 张润
地址: 300000 天津市滨海高新*** 国省代码: 天津;12
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 用户界面 界面渲染 存储介质 电子设备 目标页面 页面数据 小程序 虚拟 交互体验 组件构建 服务端 数据发 新页面 引擎 发送 渲染 传输 更新
【权利要求书】:

1.一种小程序的界面渲染方法,其特征在于,包括:

接收服务端发送的用户界面的当前页面数据;

获取上次保存的所述用户界面的历史页面数据;

根据所述当前页面数据和所述历史页面数据生成目标页面数据;

根据所述目标页面数据,确定所述用户界面的虚拟DOM树中的节点更改数据;

将所述节点更改数据发送给界面渲染组件,以使所述界面渲染组件根据所述节点更改数据对所述用户界面进行渲染,以得到更新后的用户界面。

2.如权利要求1所述的方法,其特征在于,所述根据所述目标页面数据,确定所述用户界面的虚拟DOM树中的节点更改数据,包括:

根据所述目标页面数据,生成所述用户界面的新虚拟DOM树;

获取上次保存的所述用户界面的历史虚拟DOM树;

将所述新虚拟DOM树和所述历史虚拟DOM树进行数据差异比对,以得到所述节点更改数据。

3.如权利要求2所述的方法,其特征在于,在所述将所述节点更改数据发送给界面渲染组件之后,所述方法还包括:

根据所述目标页面数据更新所述历史页面数据;

根据所述新虚拟DOM树更新所述历史虚拟DOM树。

4.如权利要求1所述的方法,其特征在于,所述当前页面数据为增量数据时,所述方法还包括:

接收所述界面渲染组件发送的刷新用户界面事件。

5.一种小程序的界面渲染装置,其特征在于,包括:

第一接收模块,用于接收服务端发送的用户界面的当前页面数据;

第一获取模块,用于获取上次保存的所述用户界面的历史页面数据;

生成模块,用于根据所述当前页面数据和所述历史页面数据生成目标页面数据;

确定模块,用于根据所述目标页面数据,确定所述用户界面的虚拟DOM树中的节点更改数据;

发送模块,用于将所述节点更改数据发送给界面渲染组件,以使所述界面渲染组件根据所述节点更改数据对所述用户界面进行渲染,以得到更新后的用户界面。

6.如权利要求5所述的装置,其特征在于,所述确定模块,具体用于:

根据所述目标页面数据,生成所述用户界面的新虚拟DOM树;

获取上次保存的所述用户界面的历史虚拟DOM树;

将所述新虚拟DOM树和所述历史虚拟DOM树进行数据差异比对,以得到所述节点更改数据。

7.如权利要求6所述的装置,其特征在于,所述装置还包括:

第二更新模块,用于在所述将所述节点更改数据发送给界面渲染组件之后,根据所述新虚拟DOM树更新所述历史虚拟DOM树;

第一更新模块,用于在所述将所述节点更改数据发送给界面渲染组件之后,根据所述目标页面数据更新所述历史页面数据。

8.如权利要求5所述的装置,其特征在于,所述当前页面数据为增量数据时,所述装置还包括:

第二接收模块,用于接收所述界面渲染组件发送的刷新用户界面事件。

9.一种电子设备,其特征在于,包括:

至少一个处理器;以及,与所述至少一个处理器通信连接的存储器;

其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被设置为用于执行上述权利要求1-4任一项所述的小程序的界面渲染方法。

10.一种非暂态计算机可读存储介质,其特征在于,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令用于使所述计算机执行权利要求1-4任一项所述的小程序的界面渲染方法。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于天津字节跳动科技有限公司,未经天津字节跳动科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201811404210.1/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top