CN110865852A - 网页组件的加载方法、装置、电子设备、及存储介质 - Google Patents

Abstract

本公开实施例公开了一种网页组件的加载方法、装置、电子设备、及存储介质，方法包括：获取待加载组件的依赖信息；根据待加载组件的依赖信息加载待加载组件，包括：若加载标记为已加载则省略加载；若加载标记为未加载，且直接依赖的组件为空或直接依赖的组件的加载标记均为已加载，则根据代码下载地址加载代码，并将加载标记修改为已加载；若加载标记为未加载，且直接依赖的组件不为空，则根据代码下载地址加载代码，并分别将直接依赖的组件作为待加载组件返回执行前述步骤，直到所有直接依赖的组件的加载标记为已加载，将待加载组件的加载标记修改为已加载。能避免加载重复的代码造成数据包臃肿，能提高加载速度。

Description

网页组件的加载方法、装置、电子设备、及存储介质

技术领域

本公开实施例涉及网络通信领域，具体涉及一种网页组件的加载方法、装置、电子设备、及存储介质。

背景技术

进行前端开发时，通常采用模块化开发方式，组件之间往往具有复杂的依赖关系。很多组件因为被重复依赖所以可能在一个应用中被重复加载和编译。例如，某一应用或组件需要加载组件C和组件D，它们各自依赖的组件可能会交叉，例如组件C和组件D均依赖组件A和组件B，那么加载组件C和组件D时可能都会加载组件A和组件B，造成组件重复加载，不仅会使数据包臃肿，还会降低加载速度。

发明内容

有鉴于此，本公开实施例提供一种网页组件的加载方法、装置、电子设备、及存储介质，以避免加载重复的代码造成数据包臃肿。

本公开实施例的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开实施例的实践而习得。

第一方面，本公开实施例提供了一种网页组件的加载方法，包括：

获取待加载组件的依赖信息，其中所述依赖信息包括用于标识是否已被加载的加载标记、代码下载地址和直接依赖的组件；

若所述加载标记为已加载，则省略加载所述待加载组件；

若所述加载标记为未加载，则根据所述依赖信息加载所述待加载组件，包括：

若所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述代码下载地址加载代码，并将所述加载标记修改为已加载；

若所述直接依赖的组件不为空，则根据所述代码下载地址加载代码，并分别将所述直接依赖的组件作为待加载组件返回执行所述获取依赖信息的步骤和根据依赖信息加载组件的步骤，直到所有直接依赖的组件的加载标记为已加载，将所述待加载组件的加载标记修改为已加载。

第二方面，本公开实施例还提供了一种网页组件的加载装置，包括：

依赖信息获取单元，用于获取待加载组件的依赖信息，其中所述依赖信息包括用于标识是否已被加载的加载标记、代码下载地址和直接依赖的组件；

第一加载单元，用于若所述加载标记为已加载，则省略加载所述待加载组件；

第二加载单元，用于若所述加载标记为未加载，则根据所述依赖信息加载所述待加载组件，包括：

若所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述代码下载地址加载代码，并将所述加载标记修改为已加载；

若所述直接依赖的组件不为空，则根据所述代码下载地址加载代码，并分别将所述直接依赖的组件作为待加载组件通过所述依赖信息获取单元获取依赖信息和通过所述第一加载单元和所述第二加载单元进行加载，直到所有直接依赖的组件的加载标记为已加载，将所述待加载组件的加载标记修改为已加载。

第三方面，本公开实施例还提供了一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第一方面中任一项所述方法的指令。

第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第一方面中任一项所述方法的步骤。

本公开实施例提出的技术方案的有益技术效果是：

本公开实施例通过记录各组件依赖信息(包括加载标记、代码下载地址和直接依赖的组件),根据待加载组件的依赖信息加载所述待加载组件，能避免加载重复的代码造成数据包臃肿，能提高加载速度。

附图说明

为了更清楚地说明本公开实施例中的技术方案，下面将对本公开实施例描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本公开实施例中的一部分实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据本公开实施例的内容和这些附图获得其他的附图。

图1是本公开实施例提供的一种网页组件的加载方法的流程示意图；

图2是本公开实施例提供的另一种网页组件的加载方法的流程示意图；

图3是本公开实施例提供的一种网页组件的加载装置的结构示意图；

图4是本公开实施例提供的另一种网页组件的加载装置的结构示意图；

图5是本公开实施例提供的又一种网页组件的加载装置的结构示意图；

图6示出了适于用来实现本公开实施例的电子设备的结构示意图。

具体实施方式

为使本公开实施例解决的技术问题、采用的技术方案和达到的技术效果更加清楚，下面将结合附图对本公开实施例的技术方案作进一步的详细描述，显然，所描述的实施例仅仅是本公开实施例中的一部分实施例，而不是全部的实施例。基于本公开实施例中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开实施例保护的范围。

需要说明的是，本公开实施例中术语“***”和“网络”在本文中常被可互换使用。本公开实施例中提到的“和/或”是指包括一个或更多个相关所列项目的任何和所有组合。本公开的说明书和权利要求书及附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于限定特定顺序。

还需要说明是，本公开实施例中下述各个实施例可以单独执行，各个实施例之间也可以相互结合执行，本公开实施例对此不作具体限制。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

下面结合附图并通过具体实施方式来进一步说明本公开实施例的技术方案。

图1示出了本公开实施例提供的一种网页组件的加载方法的流程示意图，本实施例可适用于加载网页组件的情况，该方法可以由配置于电子设备中的网页组件的加载装置来执行，如图1所示，本实施例所述的网页组件的加载方法包括：

在步骤S110中，获取待加载组件的依赖信息。

其中所述依赖信息至少包括用于标识是否已被加载的加载标记、代码下载地址和直接依赖的组件。

组件的依赖信息具体记录形式本实施例不作限定，例如各组件可均采用一个JSON键值对存储其依赖信息，键为组件名或组件标识，VALUE值包括：加载标记、代码下载地址URL、直接依赖的组件名或组件标识等。

在步骤S120中，判断加载标记是否为已加载，若是则结束，否则执行步骤S130。

若待加载组件的加载标记为已加载，说明该待加载组件已被加载过，因此省略加载所述待加载组件，以避免重复加载。

在步骤S130中，判断直接依赖的组件是否为空或者加载标记均为已加载，若是则执行步骤S140,否则执行步骤S150。

在步骤S140中，根据所述代码下载地址加载代码，并将所述加载标记修改为已加载。

在步骤S150中，根据所述代码下载地址加载代码，并分别将所述直接依赖的组件作为待加载组件。

在将所述网页上线之前，相关的组件的依赖信息中的加载标记应为未加载，可以遍历所述网页相关的待加载组件的依赖信息，分别将依赖信息中的加载标记统一设置为未加载。为了省去确定相关的待加载组件的步骤，可将所有的组件的依赖信息中的加载标记应为未加载。

需要说明的是，在获取待加载组件的依赖信息之前需要确定所述待加载组件。

若在上线之前进行加载打包，则主要是确定组件依赖关系的最顶端的组件作为待加载组件，以此来逐层加载其依赖的组件。

所述待加载组件可以给定，也可通过计算得到，例如，可通过如下方法：

获取所述网页相关的关联组件集；

获取所述关联组件集中不属于任一关联组件的直接依赖组件的至少一个关联组件，将所述至少一个关联组件确定为所述待加载组件。例如，遍历所述关联组件集的依赖信息，若依赖信息中的直接依赖的组件属于所述关联组件集，则从所述关联组件集中删除；直到遍历结束，将所述关联组件集中剩余的关联组件作为所述至少一个关联组件。

在结束加载之后，如果任一组件的代码有更新，将所述组件的依赖信息中的代码下载地址对应的代码替换为新代码，并将结束加载之后得到的打包文件中所述组件的代码用所述新代码替换；如果任一组件的下载地址有更新，将所述组件的依赖信息中的代码下载地址替换为新代码下载地址。

本实施例通过记录各组件依赖信息(包括加载标记、代码下载地址和直接依赖的组件),根据待加载组件的依赖信息加载所述待加载组件，能避免加载重复的代码造成数据包臃肿，能提高加载速度。

图2示出了本公开实施例提供的另一种网页组件的加载方法的流程示意图，本实施例以前述实施例为基础，进行了改进优化。如图2所示，本实施例所述的网页组件的加载方法包括：

在步骤S210中，获取待加载组件的依赖信息。

在步骤S220中，获取所述待加载组件的待加载版本号。

即确定需要加载的述待加载组件的哪个版本。

在步骤S230中，判断直接依赖的组件是否为空或者加载标记均为已加载，若是则结束，否则执行步骤S240。

在步骤S240中，判断直接依赖的组件是否为空，若是则执行步骤S250,否则执行步骤S260。

在步骤S250中，根据所述待加载版本号对应的代码下载地址加载代码，并将所述待加载版本号对应的加载标记修改为已加载。

在步骤S260中，根据所述待加载版本号对应的代码下载地址加载代码，并分别将直接依赖的对应版本号的组件作为待加载组件。

进一步地，在将所述网页上线之前，可遍历所述网页相关的待加载组件的依赖信息，分别将依赖信息中的加载标记统一设置为未加载。

进一步地，在获取待加载组件的依赖信息之前还可通过如下方法确定所述待加载组件：

获取所述网页相关的关联组件集；

获取所述关联组件集中不属于任一关联组件的直接依赖组件的至少一个关联组件，将所述至少一个关联组件确定为所述待加载组件。例如，遍历所述关联组件集的依赖信息，若依赖信息中的直接依赖的组件属于所述关联组件集，则从所述关联组件集中删除；直到遍历结束，将所述关联组件集中剩余的关联组件作为所述至少一个关联组件。

进一步地，在结束加载之后，如果任一组件的代码有更新，将所述组件的依赖信息中的代码下载地址对应的代码替换为新代码，并将结束加载之后得到的打包文件中所述组件的代码用所述新代码替换；如果任一组件的下载地址有更新，将所述组件的依赖信息中的代码下载地址替换为新代码下载地址。

本实施例在上一实施例的基础上，实现了一种在各组件有至少一个版本，且依赖信息包含依赖的组件和依赖的版本的情况下，加载网页组件的方法，通过记录各组件依赖信息(包括加载标记、代码下载地址和直接依赖的组件),根据待加载组件的依赖信息和待加载版本号加载所述待加载组件，能避免加载重复的代码造成数据包臃肿，能提高加载速度。

作为上述各图所示方法的实现，本申请提供了一种网页组件的加载装置的一个实施例,图3示出了本实施例提供的一种网页组件的加载装置的结构示意图，该装置实施例与图1和图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。如图3所示，本实施例所述的网页组件的加载装置包括依赖信息获取单元310、第一加载单元320和第二加载单元330。

所述依赖信息获取单元310被配置为，用于获取待加载组件的依赖信息，其中所述依赖信息包括用于标识是否已被加载的加载标记、代码下载地址和直接依赖的组件。

所述第一加载单元320被配置为，用于若所述加载标记为已加载，则省略加载所述待加载组件。

所述第二加载单元330被配置为，用于若所述加载标记为未加载，则根据所述依赖信息加载所述待加载组件，包括：

若所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述代码下载地址加载代码，并将所述加载标记修改为已加载；

若所述直接依赖的组件不为空，则根据所述代码下载地址加载代码，并分别将所述直接依赖的组件作为待加载组件通过所述依赖信息获取单元获取依赖信息和通过所述第一加载单元320和所述第二加载单元330进行加载，直到所有直接依赖的组件的加载标记为已加载，将所述待加载组件的加载标记修改为已加载。

进一步地，所述装置还包括上线预处理单元(图3中未示出)，用于在将所述网页上线之前，遍历所述网页相关的待加载组件的依赖信息，分别将依赖信息中的加载标记统一设置为未加载。

本实施例提供的网页组件的加载装置可执行本公开方法实施例所提供的网页组件的加载方法，具备执行方法相应的功能模块和有益效果。

作为上述各图所示方法的实现，本申请提供了另一种网页组件的加载装置的一个实施例,图4示出了本实施例提供的一种网页组件的加载装置的结构示意图，该装置实施例与图1和图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。如图4所示，本实施例所述的网页组件的加载装置包括待加载组件确定单元410、依赖信息获取单元420、第一加载单元430、第二加载单元440和更新单元450。

所述待加载组件确定单元410，用于确定所述待加载组件，包括：

获取所述网页相关的关联组件集；

获取所述关联组件集中不属于任一关联组件的直接依赖组件的至少一个关联组件，将所述至少一个关联组件确定为所述待加载组件。

所述依赖信息获取单元420被配置为，用于获取待加载组件的依赖信息，其中所述依赖信息包括用于标识是否已被加载的加载标记、代码下载地址和直接依赖的组件。

所述第一加载单元430被配置为，用于用于若所述加载标记为已加载，则省略加载所述待加载组件。

所述第二加载单元440被配置为，用于若所述加载标记为未加载，则根据所述依赖信息加载所述待加载组件，包括：

若所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述代码下载地址加载代码，并将所述加载标记修改为已加载；

若所述直接依赖的组件不为空，则根据所述代码下载地址加载代码，并分别将所述直接依赖的组件作为待加载组件通过所述依赖信息获取单元420获取依赖信息和通过所述第一加载单元430和所述第二加载单元440进行加载，直到所有直接依赖的组件的加载标记为已加载，将所述待加载组件的加载标记修改为已加载。

所述更新单元450被配置为，用于在结束加载之后：

如果任一组件的代码有更新，将所述组件的依赖信息中的代码下载地址对应的代码替换为新代码，并将结束加载之后得到的打包文件中所述组件的代码用所述新代码替换；

如果任一组件的下载地址有更新，将所述组件的依赖信息中的代码下载地址替换为新代码下载地址。

进一步地，所述待加载组件确定单元410被配置为，用于：

遍历所述关联组件集的依赖信息，若依赖信息中的直接依赖的组件属于所述关联组件集，则从所述关联组件集中删除；

直到遍历结束，将所述关联组件集中剩余的关联组件作为所述至少一个关联组件。

本实施例提供的网页组件的加载装置可执行本公开方法实施例所提供的网页组件的加载方法，具备执行方法相应的功能模块和有益效果。

作为上述各图所示方法的实现，本申请提供了又一种网页组件的加载装置的一个实施例,图5示出了本公开实施例提供的另一种网页组件的加载装置的结构示意图，如图5所示，本实施例所述的网页组件的加载装置包括依赖信息获取单元510、版本号获取单元520、第一加载单元530和第二加载单元540。

所述依赖信息获取单元510被配置为，用于获取待加载组件的依赖信息，其中所述依赖信息包括用于标识是否已被加载的加载标记、代码下载地址和直接依赖的组件。

其中，所述加载标记包括至少一个版本号对应的加载标记。

所述代码下载地址包括至少一个版本号对应的代码下载地址。

所述直接依赖的组件包括至少一个版本号对应的直接依赖组件和所依赖组件的版本号。

所述版本号获取单元520被配置为，用于在根据所述待加载组件的依赖信息加载所述待加载组件之前，获取所述待加载组件的待加载版本号。

所述第一加载单元530被配置为，用于若所述待加载版本号对应的加载标记为已加载，则省略加载所述待加载组件；

所述第二加载单元540被配置为，用于若所述待加载版本号对应的加载标记为未加载，则根据所述依赖信息和所述待加载版本号加载所述待加载组件，包括：

若所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述待加载版本号对应的代码下载地址加载代码，并将所述待加载版本号对应的加载标记修改为已加载；

若所述直接依赖的组件不为空，则根据所述待加载版本号对应的代码下载地址加载代码，并分别将直接依赖的对应版本号的组件作为待加载组件，通过所述依赖信息获取单元510获取依赖信息、通过所述版本号获取单元520获取待加载版本号、以及通过所述第一加载单元530和所述第二加载单元540进行加载，直到所有直接依赖的组件的待加载版本号对应的加载标记为已加载，将所述待加载组件的所述待加载版本对应的加载标记修改为已加载。

进一步地，所述装置还包括上线预处理单元(图5中未示出)，用于在将所述网页上线之前，遍历所述网页相关的待加载组件的依赖信息，分别将依赖信息中的加载标记统一设置为未加载。

进一步地，所述装置还包括待加载组件确定单元(图5中未示出)，用于在获取待加载组件的依赖信息之前还包括确定所述待加载组件，包括：

获取所述网页相关的关联组件集；

获取所述关联组件集中不属于任一关联组件的直接依赖组件的至少一个关联组件，将所述至少一个关联组件确定为所述待加载组件。

进一步地，所述待加载组件确定单元用于：

遍历所述关联组件集的依赖信息，若依赖信息中的直接依赖的组件属于所述关联组件集，则从所述关联组件集中删除；

直到遍历结束，将所述关联组件集中剩余的关联组件作为所述至少一个关联组件。

进一步地，所述装置还包括更新单元(图5中未示出)，用于在结束加载之后：

如果任一组件的代码有更新，将所述组件的依赖信息中的代码下载地址对应的代码替换为新代码，并将结束加载之后得到的打包文件中所述组件的代码用所述新代码替换。

如果任一组件的下载地址有更新，将所述组件的依赖信息中的代码下载地址替换为新代码下载地址。

本实施例提供的网页组件的加载装置可执行本公开方法实施例所提供的网页组件的加载方法，具备执行方法相应的功能模块和有益效果。

下面参考图6，其示出了适于用来实现本公开实施例的电子设备600的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图6所示，电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

通常，以下装置可以连接至I/O接口605：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607；包括例如磁带、硬盘等的存储装置608；以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开实施例的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开实施例的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置609从网络上被下载和安装，或者从存储装置608被安装，或者从ROM 602被安装。在该计算机程序被处理装置601执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开实施例上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：

获取待加载组件的依赖信息，其中所述依赖信息包括用于标识是否已被加载的加载标记、代码下载地址和直接依赖的组件；

根据所述待加载组件的依赖信息加载所述待加载组件，包括：

若所述加载标记为已加载，结束；

若所述加载标记为未加载，且所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述代码下载地址加载代码，并将所述加载标记修改为已加载，结束；

若所述加载标记为未加载，且所述直接依赖的组件不为空，则根据所述代码下载地址加载代码，并分别将所述直接依赖的组件作为待加载组件返回执行所述获取依赖信息的步骤和根据依赖信息加载组件的步骤，直到所有直接依赖的组件的加载标记为已加载，将所述待加载组件的加载标记修改为已加载，结束。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开实施例的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开实施例各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。

根据本公开的一个或多个实施例，所述网页组件的加载方法还包括，在将所述网页上线之前，遍历所述网页相关的待加载组件的依赖信息，分别将依赖信息中的加载标记统一设置为未加载。

根据本公开的一个或多个实施例，所述网页组件的加载方法中，在获取待加载组件的依赖信息之前还包括确定所述待加载组件，包括：

获取所述网页相关的关联组件集；

获取所述关联组件集中不属于任一关联组件的直接依赖组件的至少一个关联组件，将所述至少一个关联组件确定为所述待加载组件。

根据本公开的一个或多个实施例，所述网页组件的加载方法中，获取所述关联组件集中不属于任一关联组件的直接依赖组件的至少一个关联组件包括：

遍历所述关联组件集的依赖信息，若依赖信息中的直接依赖的组件属于所述关联组件集，则从所述关联组件集中删除；

直到遍历结束，将所述关联组件集中剩余的关联组件作为所述至少一个关联组件。

根据本公开的一个或多个实施例，所述网页组件的加载方法中，在结束加载之后还包括：

如果任一组件的代码有更新，将所述组件的依赖信息中的代码下载地址对应的代码替换为新代码，并将结束加载之后得到的打包文件中所述组件的代码用所述新代码替换；

如果任一组件的下载地址有更新，将所述组件的依赖信息中的代码下载地址替换为新代码下载地址。

根据本公开的一个或多个实施例，所述网页组件的加载方法中：

组件的依赖信息中的加载标记包括至少一个版本号对应的加载标记；

组件的依赖信息中的代码下载地址包括至少一个版本号对应的代码下载地址；

组件的依赖信息中的直接依赖的组件包括至少一个版本号对应的直接依赖组件和所依赖组件的版本号；

在根据所述待加载组件的依赖信息加载所述待加载组件之前还包括，获取所述待加载组件的待加载版本号；

根据所述待加载组件的依赖信息加载所述待加载组件包括：根据所述待加载组件的依赖信息和待加载版本号加载所述待加载组件。

根据本公开的一个或多个实施例，所述网页组件的加载方法中，根据所述待加载组件的依赖信息和待加载版本号加载所述待加载组件包括；

若所述待加载版本号对应的加载标记为已加载，则省略加载所述待加载组件；

若所述待加载版本号对应的加载标记为未加载，则根据所述依赖信息和所述待加载版本号加载所述待加载组件，包括：

若所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述待加载版本号对应的代码下载地址加载代码，并将所述待加载版本号对应的加载标记修改为已加载；

若所述直接依赖的组件不为空，则根据所述待加载版本号对应的代码下载地址加载代码，并分别将直接依赖的对应版本号的组件作为待加载组件返回执行所述获取依赖信息的步骤、所述获取待加载版本号的步骤和所述根据依赖信息和待加载版本号加载组件的步骤，直到所有直接依赖的组件的待加载版本号对应的加载标记为已加载，将所述待加载组件的所述待加载版本对应的加载标记修改为已加载。

根据本公开的一个或多个实施例，所述网页组件的加载装置还包括上线预处理单元，用于在将所述网页上线之前，遍历所述网页相关的待加载组件的依赖信息，分别将依赖信息中的加载标记统一设置为未加载。

根据本公开的一个或多个实施例，所述网页组件的加载装置还包括待加载组件确定单元，用于在获取待加载组件的依赖信息之前还包括确定所述待加载组件，包括：

获取所述网页相关的关联组件集；

获取所述关联组件集中不属于任一关联组件的直接依赖组件的至少一个关联组件，将所述至少一个关联组件确定为所述待加载组件。

根据本公开的一个或多个实施例，所述网页组件的加载装置中，所述待加载组件确定单元用于：

遍历所述关联组件集的依赖信息，若依赖信息中的直接依赖的组件属于所述关联组件集，则从所述关联组件集中删除；

直到遍历结束，将所述关联组件集中剩余的关联组件作为所述至少一个关联组件。

根据本公开的一个或多个实施例，所述网页组件的加载装置还包括更新单元，用于在结束加载之后：

如果任一组件的代码有更新，将所述组件的依赖信息中的代码下载地址对应的代码替换为新代码，并将结束加载之后得到的打包文件中所述组件的代码用所述新代码替换；

如果任一组件的下载地址有更新，将所述组件的依赖信息中的代码下载地址替换为新代码下载地址。

根据本公开的一个或多个实施例，所述网页组件的加载装置中：

组件的依赖信息中的加载标记包括至少一个版本号对应的加载标记；

组件的依赖信息中的代码下载地址包括至少一个版本号对应的代码下载地址；

组件的依赖信息中的直接依赖的组件包括至少一个版本号对应的直接依赖组件和所依赖组件的版本号；

所述装置还包括版本号获取单元，用于在根据所述待加载组件的依赖信息加载所述待加载组件之前，获取所述待加载组件的待加载版本号；

所述加载单元用于：根据所述待加载组件的依赖信息和待加载版本号加载所述待加载组件。

根据本公开的一个或多个实施例，所述网页组件的加载装置中：

所述第一加载单元用于：若所述待加载版本号对应的加载标记为已加载，则省略加载所述待加载组件；

所述第二加载单元用于：若所述待加载版本号对应的加载标记为未加载，则根据所述依赖信息和所述待加载版本号加载所述待加载组件，包括：

若所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述待加载版本号对应的代码下载地址加载代码，并将所述待加载版本号对应的加载标记修改为已加载；

若所述直接依赖的组件不为空，则根据所述待加载版本号对应的代码下载地址加载代码，并分别将直接依赖的对应版本号的组件作为待加载组件，通过所述依赖信息获取单元510获取依赖信息、通过所述版本号获取单元520获取待加载版本号、以及通过所述第一加载单元530和所述第二加载单元540进行加载，直到所有直接依赖的组件的待加载版本号对应的加载标记为已加载，将所述待加载组件的所述待加载版本对应的加载标记修改为已加载。

以上描述仅为本公开实施例的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开实施例中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (10)

1.一种网页组件的加载方法，其特征在于，包括：

获取待加载组件的依赖信息，其中所述依赖信息包括用于标识是否已被加载的加载标记、代码下载地址和直接依赖的组件；

若所述加载标记为已加载，则省略加载所述待加载组件；

若所述加载标记为未加载，则根据所述依赖信息加载所述待加载组件，包括：

若所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述代码下载地址加载代码，并将所述加载标记修改为已加载；

若所述直接依赖的组件不为空，则根据所述代码下载地址加载代码，并分别将所述直接依赖的组件作为待加载组件返回执行所述获取依赖信息的步骤和根据依赖信息加载组件的步骤，直到所有直接依赖的组件的加载标记为已加载，将所述待加载组件的加载标记修改为已加载。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括，在将所述网页上线之前，遍历所述网页相关的待加载组件的依赖信息，分别将依赖信息中的加载标记统一设置为未加载。

3.根据权利要求1所述的方法，其特征在于，在获取待加载组件的依赖信息之前还包括确定所述待加载组件，包括：

获取所述网页相关的关联组件集；

获取所述关联组件集中不属于任一关联组件的直接依赖组件的至少一个关联组件，将所述至少一个关联组件确定为所述待加载组件。

4.根据权利要求3所述的方法，其特征在于，获取所述关联组件集中不属于任一关联组件的直接依赖组件的至少一个关联组件包括：

遍历所述关联组件集的依赖信息，若依赖信息中的直接依赖的组件属于所述关联组件集，则从所述关联组件集中删除；

直到遍历结束，将所述关联组件集中剩余的关联组件作为所述至少一个关联组件。

5.根据权利要求1所述的方法，其特征在于，在结束加载之后还包括：

如果任一组件的代码有更新，将所述组件的依赖信息中的代码下载地址对应的代码替换为新代码，并将结束加载之后得到的打包文件中所述组件的代码用所述新代码替换；

如果任一组件的下载地址有更新，将所述组件的依赖信息中的代码下载地址替换为新代码下载地址。

6.根据权利要求1所述的方法，其特征在于：

组件的依赖信息中的加载标记包括至少一个版本号对应的加载标记；

组件的依赖信息中的代码下载地址包括至少一个版本号对应的代码下载地址；

组件的依赖信息中的直接依赖的组件包括至少一个版本号对应的直接依赖组件和所依赖组件的版本号；

在根据所述待加载组件的依赖信息加载所述待加载组件之前还包括，获取所述待加载组件的待加载版本号；

根据所述待加载组件的依赖信息加载所述待加载组件包括：根据所述待加载组件的依赖信息和待加载版本号加载所述待加载组件。

7.根据权利要求6所述的方法，其特征在于，根据所述待加载组件的依赖信息和待加载版本号加载所述待加载组件包括；

若所述待加载版本号对应的加载标记为已加载，则省略加载所述待加载组件；

若所述待加载版本号对应的加载标记为未加载，则根据所述依赖信息和所述待加载版本号加载所述待加载组件，包括：

若所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述待加载版本号对应的代码下载地址加载代码，并将所述待加载版本号对应的加载标记修改为已加载；

若所述直接依赖的组件不为空，则根据所述待加载版本号对应的代码下载地址加载代码，并分别将直接依赖的对应版本号的组件作为待加载组件返回执行所述获取依赖信息的步骤、所述获取待加载版本号的步骤和所述根据依赖信息和待加载版本号加载组件的步骤，直到所有直接依赖的组件的待加载版本号对应的加载标记为已加载，将所述待加载组件的所述待加载版本对应的加载标记修改为已加载。

8.一种网页组件的加载装置，其特征在于，包括：

依赖信息获取单元，用于获取待加载组件的依赖信息，其中所述依赖信息包括用于标识是否已被加载的加载标记、代码下载地址和直接依赖的组件；

第一加载单元，用于若所述加载标记为已加载，则省略加载所述待加载组件；

第二加载单元，用于若所述加载标记为未加载，则根据所述依赖信息加载所述待加载组件，包括：

若所述直接依赖的组件为空或所述直接依赖的组件的加载标记均为已加载，则根据所述代码下载地址加载代码，并将所述加载标记修改为已加载；

若所述直接依赖的组件不为空，则根据所述代码下载地址加载代码，并分别将所述直接依赖的组件作为待加载组件通过所述依赖信息获取单元获取依赖信息和通过所述第一加载单元和所述第二加载单元进行加载，直到所有直接依赖的组件的加载标记为已加载，将所述待加载组件的加载标记修改为已加载。

9.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一项所述方法的指令。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求1-7任一项所述方法的步骤。

Images