小程序的界面渲染方法、装置、电子设备和存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN109375918A(43)申请公布日2019.02.22(21)申请号201811404210.1(22)申请日2018.11.23(71)申请人天津字节跳动科技有限公司地址300000天津市滨海高新区滨海科技园高新六路39号9-3-401(72)发明人赵岘(74)专利代理机构北京清亦华知识产权代理事务所(普通合伙)11201代理人张润(51)Int.Cl.G06F8/38(2018.01)G06F8/65(2018.01)权利要求书2页说明书9页附图4页(54)发明名称小程序的界面渲染方法、装置、电子设备和存储介质(57)摘要本公开提出一种小程序的界面渲染方法、装置、电子设备和存储介质，其中，方法包括：通过JavaScript引擎根据用户界面的历史页面数据以及服务端发送的用户界面的新页面数据，生成目标页面数据，并根据目标页面数据，确定用户界面的虚拟DOM书中的节点更改数据；将节点更改数据发送给界面渲染组件，以使界面渲染组件根据节点更改数据对用户界面进行渲染，以得到更新后的用户界面。由此，在刷新用户界面时，无需传输用户界面的全部页面数据，并且，无需由界面渲染组件构建虚拟DOM树，提高用户界面的展现效率，进而提高用户的交互体验度。CN109375918ACN109375918A权利要求书1/2页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所述的装置，其特征在于，所述当前页面数据为增量数据时，所述装置2CN109375918A权利要求书2/2页还包括：第二接收模块，用于接收所述界面渲染组件发送的刷新用户界面事件。9.一种电子设备，其特征在于，包括：至少一个处理器；以及，与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被设置为用于执行上述权利要求1-4任一项所述的小程序的界面渲染方法。10.一种非暂态计算机可读存储介质，其特征在于，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令用于使所述计算机执行权利要求1-4任一项所述的小程序的界面渲染方法。3CN109375918A说明书1/9页小程序的界面渲染方法、装置、电子设备和存储介质技术领域[0001]本公开涉及计算机技术领域，尤其涉及一种小程序的界面渲染方法、装置、电子设备和存储介质。背景技术[0002]小程