[发明专利]表单的加载方法、装置、存储介质和电子设备

说明书

本公开涉及一种表单的加载方法、装置、存储介质和电子设备，该方法包括：获取待加载表单对应的节点集合，节点集合包括多个节点，获取每个节点对应的元素区域在表单页面上的位置信息，根据位置信息，从多个节点中确定目标节点，根据目标节点的节点类型，对目标节点进行渲染，得到待加载表单的表单框架，根据表单框架，对待加载表单进行加载。本公开通过先加载表单框架，并在表单框架的基础上加载待加载表单，不需要预先根据表单页面建立首屏加载页面，能够在提高首屏加载速度的同时，提高待加载表单的加载效率，降低用户的等待时间，并且，由于表单框架为待加载表单的一部分，在表单框架的基础上继续加载待加载表单，不会浪费加载流量。

技术领域

本公开涉及表单加载技术领域，具体地，涉及一种表单的加载方法、装置、存储介质和电子设备。

背景技术

表单作为网页中的重要元素之一，主要负责数据采集功能。提高表单的首屏加载速度一直是表单加载的重点优化目标。相关技术中，主要是通过在加载待加载表单之前，先加载技术人员预先根据待加载表单的表单页面建立的首屏加载界面或直接加载预设的图像，来进行首屏渲染。然而，用户通常会在待加载表单中设置多个自定义组件，使最终的表单页面不可预知(即表单页面不固定)，导致技术人员难以根据表单页面建立首屏加载界面。而直接加载预设的图像，来进行首屏渲染，需要在每次加载待加载表单之前，先加载预设的图像，再加载待加载表单，这会降低待加载表单的加载效率，增加了用户的等待时间。同时，由于多加载了预设的图像，还会造成加载流量的浪费。

发明内容

为解决相关技术中存在的问题，本公开的目的是提供一种表单的加载方法、装置、存储介质和电子设备。

为了实现上述目的，根据本公开实施例的第一方面，提供一种表单的加载方法，所述方法包括：

获取待加载表单对应的节点集合，所述节点集合包括多个节点，每个所述节点用于表征所述待加载表单的表单页面上的一个表单元素；

获取每个所述节点对应的元素区域在所述表单页面上的位置信息；

根据所述位置信息，从所述多个节点中确定目标节点；

根据所述目标节点的节点类型，对所述目标节点进行渲染，得到所述待加载表单的表单框架；

根据所述表单框架，对所述待加载表单进行加载。

可选地，所述节点集合为文档对象模型DOM树，所述根据所述位置信息，从所述多个节点中确定目标节点包括：

按照目标方向依次遍历所述DOM树的多个层级，所述目标方向为从所述DOM树的根节点指向叶子节点的方向，每个所述层级对应所述多个节点中的至少一个节点；

针对所述多个层级中当前遍历至的目标层级，将所述目标层级对应的所述至少一个节点中具有同一父节点，且不属于叶子节点的节点，作为所述目标层级对应的多个待处理节点；

根据所述目标层级对应的所述多个待处理节点，对所述DOM树进行更新，得到更新后的DOM树；

在按照所述目标方向对所述多个层级遍历完成后，根据所述更新后的DOM树，确定所述目标节点。

可选地，所述根据所述目标层级对应的所述多个待处理节点，对所述DOM树进行更新，得到更新后的DOM树包括：

根据所述多个待处理节点对应的所述元素区域的位置信息，通过节点选取步骤，从所述多个待处理节点中，确定目标待处理节点；

将所述DOM树中，所述多个待处理节点中除所述目标待处理节点外的其他待处理节点所在的分支丢弃，得到所述更新后的DOM树。

可选地，所述根据所述更新后的DOM树，确定所述目标节点包括：

将所述更新后的DOM树中属于叶子节点的节点，作为多个候选叶子节点；