[发明专利]页面更新方法、装置、终端及计算机可读存储介质

说明书

本发明实施例提供了一种页面更新方法、装置、终端及计算机可读存储介质，方法包括：获得针对目标页面的第一目标更新数据；将第一目标更新数据作为目标页面对应的模板函数的输入，获得第一虚拟DOM，其中，一个模板函数与一个页面对应；比较第一虚拟DOM和第二虚拟DOM，获得两个虚拟DOM之间的最小差异数据，其中，第二虚拟DOM是将第二目标更新数据作为模板函数的输入所生成的虚拟DOM，第二目标更新数据是获得第一目标数据之前最新获得的目标更新数据；将所获得的最小差异数据中所描述的修改更新到当前目标页面对应的真实DOM上，完成目标页面的更新。应用本发明实施例可以提高页面更新的效率。

技术领域

本发明涉及页面更新技术领域，特别是涉及页面更新方法、装置、终端及计算机可读存储介质。

背景技术

页面通常是由对象组成的，这些对象被组织在一个树形结构中，另外，页面中的对象通常是以模型的形式表示的，用来表示上述对象所在树形结构的标准模型称为DOM(Document Object Model，文档对象模型)，页面更新是前端基于待更新到页面的数据更新页面的过程，即基于待更新到页面的数据，更新真实DOM。

在现有技术中是基于字符串拼接技术实现页面的更新，具体的过程为：终端获得针对待更新到目标页面的数据；将待更新到页面上的数据作为预先设置的目标函数的输入，获得待更新到目标页面的字符串，目标函数主要用于对输入的数据进行解析，并利用字符串拼接技术，将解析后的数据和预先设置的模板进行拼接，拼接得到待更新到页面中的字符串并输出。

在上述方法中，所得到的待更新到页面的字符串是页面对应的全部字符串，在页面更新的时候，将当前页面中的字符串替换为待更新到页面的字符串，使得页面整体更新，这样会导致更新的效率比较低。

发明内容

本发明实施例的目的在于提供一种页面更新方法、装置、终端及计算机可读存储介质，以提高更新的效率。具体技术方案如下：

第一方面，为了达到上述目的，本发明实施例提供了一种页面更新的方法，应用于终端，方法包括：

获得针对目标页面的第一目标更新数据；

将第一目标更新数据作为目标页面对应的模板函数的输入，获得第一虚拟DOM，其中，一个模板函数与一个页面对应；

比较第一虚拟DOM和第二虚拟DOM，获得两个虚拟DOM之间的最小差异数据，其中，第二虚拟DOM是将第二目标更新数据作为模板函数的输入所生成的虚拟DOM，第二目标更新数据是获得第一目标数据之前最新获得的目标更新数据；

将所获得的最小差异数据中所描述的修改更新到当前目标页面对应的真实DOM上，完成目标页面的更新。

可选的，在获得针对目标页面的第一目标更新数据的步骤之前，方法还包括：

获得目标模板字符串，其中，目标模板字符串为目标页面对应的模板字符串；

基于目标模板字符串，获得目标模板函数字符串；

将目标模板函数字符串作为预先设置的通用函数的输入，生成第一模板函数；

获取针对目标页面的渲染数据；

将渲染数据作为模板函数的输入，生成第三虚拟DOM；

将第三虚拟DOM作为预设的真实DOM生成器的输入，生成目标页面对应的真实DOM，完成目标页面的渲染。

可选的，基于目标模板字符串，获得目标模板函数字符串的步骤，包括：

对目标模板字符串进行词法分析和语法分析，生成抽象语法树；

从抽象语法树中获得目标模板函数字符串。