[发明专利]一种DOM渲染网页的方法、装置、终端和存储介质

说明书

本公开是关于一种DOM渲染网页的方法、装置、终端和存储介质，属于终端技术领域。所述方法包括：在目标应用对应的模板中增加类型为逻辑虚拟类型的第一DOM节点；在所述模板的每个第一DOM节点中增加内部属性；当所述目标应用运行时，根据所述每个第一DOM的类型和内部属性，编译所述模板，得到JavaScript端的第一DOM树；当所述目标应用渲染网页时，根据所述第一DOM树，对所述目标应用的静态页面布局进行渲染。由于在JavaScript端生成了第一DOM树，且第一DOM树中包含用于渲染的节点和用于逻辑控制的节点，从而JavaScript端可以直接基于本端的第一DOM树即可完成网页渲染，降低了开发和维护成本，提高了渲染效率。

技术领域

本公开涉及终端技术领域，尤其涉及一种DOM渲染网页的方法、装置、终端和存储介质。

背景技术

当前终端中一般都安装浏览器，用户可以通过浏览器访问网页来浏览丰富多彩的内容。在用户通过浏览器访问网页时，终端从服务器中获取该网页的网页数据，根据该网页数据，通过DOM(Document Object Model，操作文档对象)树来渲染网页内容。

目前浏览器自身的DOM树中包括用于静态页面的布局与绘制的节点，网页渲染的逻辑控制代码在JavaScript端。JavaScript通过该逻辑控制代码操作该浏览器端的DOM树来驱动网页数据，以进行网页渲染。

发明内容

本公开提供一种DOM渲染网页的方法、装置、终端和存储介质，可以解决通过JavaScript操作目标应用端的DOM树，导致开发和维护成本较高，以及渲染效率低的问题。所述技术方案如下。

根据本公开实施例的第一方面，提供一种DOM渲染网页的方法，所述方法包括：

在目标应用对应的模板中增加类型为逻辑虚拟类型的第一DOM节点，所述模板基于传统DOM架构实现，所述逻辑虚拟类型的第一DOM节点用于存储逻辑控制信息；

在所述模板的每个第一DOM节点中增加内部属性，所述内部属性用于标识所述第一DOM节点是否参与布局和渲染；

当所述目标应用运行时，根据所述每个第一DOM的类型和内部属性，编译所述模板，得到JavaScript端的第一DOM树，所述第一DOM树包含用于渲染的节点和用于逻辑控制的节点；

当所述目标应用渲染网页时，根据所述第一DOM树，对所述目标应用的静态页面布局进行渲染。

在一种可能的实现方式中，所述根据所述每个第一DOM的类型和内部属性，编译所述模板，得到JavaScript端的第一DOM树，所述第一DOM树包含用于渲染的节点和用于逻辑控制的节点，包括：

根据所述每个第一DOM节点的类型，实例化所述每个第一DOM节点，得到每个第二DOM节点；

根据所述每个第一DOM节点的内部属性，将所述每个第二DOM节点插入所述模板中；

将所述模板的每个第二DOM节点进行初始化，得到所述JavaScript端的第一DOM树。

在另一种可能的实现方式中，所述根据所述每个第一DOM节点的类型，实例化所述每个第一DOM节点，得到每个第二DOM节点，包括：

对于每个第一DOM节点，当所述第一DOM节点的类型为渲染类型时，创建所述渲染类型的第二DOM节点，所述渲染类型的第二DOM为传统DOM架构中的原生节点，且用于参与渲染；

当所述第一DOM节点的类型为逻辑虚拟类型时，创建所述逻辑虚拟类型的第二DOM节点，所述逻辑虚拟类型的第二DOM节点用于进行逻辑控制。

在另一种可能的实现方式中，所述根据所述每个第一DOM节点的内部属性，将所述每个第二DOM节点插入所述模板中，包括：