[发明专利]一种数据驱动的页面更新方法和装置

说明书

本公开是关于一种数据驱动的页面更新方法和装置。该方法包括：从页面对应的各个变量中选出本次更新中的受关注变量；基于本次更新生成新的受关注文档对象模型dom节点，所述受关注dom节点是所述页面对应的dom树中与所述受关注变量绑定的dom节点；比较新的所述受关注dom节点和本次更新前的所述受关注dom节点；在新的所述受关注dom节点和本次更新前的所述受关注dom节点不相同的情况下，触发针对所述受关注dom节点的渲染。应用本公开，生成与受关注变量绑定的dom节点而非生成整个dom树，并比较更新前后的该dom节点来确定是否触发页面渲染，从而有利于减少需使用的处理资源，尤其适用于页面局部更新的情况。

技术领域

本公开涉及前端开发领域，尤其涉及一种数据驱动的页面更新方法和装置。

背景技术

文档对象模型(Document Object Model，简称dom)，是W3C组织推荐的处理可扩展标志语言的标准编程接口。一个页面可以对应于一个dom树，其是一种抽象语法树(Abstract Syntax Tree，简称AST)，是页面源代码的抽象语法结构的树状表现形式。dom树的每个节点可称为dom节点。

相关技术中，当新收到页面更新数据时，通常先重新生成该页面对应的dom树，然后对重新生成的dom树和更新前的dom树进行比较，如果二者不同，则触发渲染。

在一些情况下，上述技术方案难以令人满意。

发明内容

发明人经研究发现，在很多情况下，每次页面更新可能只需更新页面的一小部分，而根据相关技术，此时需重新生成整个dom树，并对更新前后的整个dom树进行比较来确定是否触发页面更新，这种方案未能高效使用处理资源。

为克服相关技术中存在的问题，本公开提供一种有利于提高处理资源使用效率的页面更新方法。本公开还提出了相应的装置。

根据本公开实施例的第一方面，提供一种提供了一种数据驱动的页面更新方法，所述方法包括：从页面对应的各个变量中选出本次更新中的受关注变量；基于本次更新生成新的受关注文档对象模型dom节点，所述受关注dom节点是所述页面对应的dom树中与所述受关注变量绑定的dom节点；比较新的所述受关注dom节点和本次更新前的所述受关注dom节点；在新的所述受关注dom节点和本次更新前的所述受关注dom节点不相同的情况下，触发针对所述受关注dom节点的渲染。

在一种可能的实现方式中，所述从页面对应的各个变量中选出本次更新中的受关注变量，包括：接收在本次更新中收到的所述变量；比较收到的所述变量在本次更新前后是否相同；确定在本次更新前后不相同的所述变量为所述受关注变量。

在一种可能的实现方式中，所述方法还包括：建立所述页面对应的所述dom树中的各个dom节点和所述页面对应的所述各个变量间的绑定关系。

在该的实现方式的一个示例中，建立所述页面对应的所述dom树中的各个dom节点和所述页面对应的所述各个变量间的绑定关系，包括：针对每个dom节点，将所述dom节点的变量绑定至所述dom节点。

根据本公开实施例的第二方面，提供一种数据驱动的页面更新装置，所述装置包括：受关注变量选择模块，被配置为从页面对应的各个变量中选出本次更新中的受关注变量；受关注dom节点生成模块，被配置为基于本次更新生成新的受关注文档对象模型dom节点，所述受关注dom节点是所述页面对应的dom树中与所述受关注变量绑定的dom节点；dom节点比较模块，被配置为比较新的所述受关注dom节点和本次更新前的所述受关注dom节点；渲染触发模块，被配置为在新的所述受关注dom节点和本次更新前的所述受关注dom节点不相同的情况下，触发针对所述受关注dom节点的渲染。