CN115964024A - 一种组件处理方法、调用方法、装置、设备及存储介质 - Google Patents

Abstract

本公开提供了一种组件处理方法、调用方法、装置、电子设备、计算机可读存储介质及计算机程序产品，涉及计算机技术领域，具体涉及云计算领域。组件处理方法的具体实现方案为：获取满足预设条件的目标公共组件，其中，所述预设条件包括以下至少一项：运行时间大于等于时间阈值、运行消耗大于等于消耗阈值；获取所述目标公共组件的运行资源；对所述运行资源和所述目标公共组件进行编译，得到编译网页文件包，以供至少一个主工程调用，提高了项目开发的速度。

Description

一种组件处理方法、调用方法、装置、设备及存储介质

技术领域

本公开涉及计算机技术领域，具体涉及云计算领域，尤其涉及一种组件处理方法、调用方法、装置、电子设备、计算机可读存储介质及计算机程序产品。

背景技术

随着计算机技术的不断发展，在项目代码开发中，通常不同的业务之间存在一些可复用的公共组件，例如，展示类公共组件和业务类公共组件等，对于该类公共组件通常会将它们集中放置于一个公共库中。

目前，在项目中每引用一次公共组件，公共组件就会被编译一次，严重影响项目开发速度。

发明内容

本公开提供了一种组件处理方法、调用方法、装置、电子设备、计算机可读存储介质及计算机程序产品，提高了项目开发速度。

根据本公开的一方面，提供了一种组件处理方法，该方法包括：

获取满足预设条件的目标公共组件，其中，所述预设条件包括以下至少一项：运行时间大于等于时间阈值、运行消耗大于等于消耗阈值；

获取所述目标公共组件的运行资源；

对所述运行资源和所述目标公共组件进行编译，得到编译网页文件包，以供至少一个主工程调用。

根据本公开的另一方面，提供了一种组件调用方法，该方法包括：

获取主工程的待调用组件；

响应于确定所述待调用组件与目标公共组件匹配，获取所述目标公共组件的编译网页文件包，其中，基于权利要求1-5任一项所述的组件处理方法确定所述编译网页文件包；

在所述主工程中调用所述编译网页文件包，以完成对所述待调用组件的调用。

根据本公开的另一方面，提供了一种组件处理装置，该装置包括：

第一获取模块，被配置为获取满足预设条件的目标公共组件，其中，所述预设条件包括以下至少一项：运行时间大于等于时间阈值、运行消耗大于等于消耗阈值；

第二获取模块，被配置为获取所述目标公共组件的运行资源；

编译模块，被配置为对所述运行资源和所述目标公共组件进行编译，得到编译网页文件包，以供至少一个主工程调用。

根据本公开的另一方面，提供了一种组件调用装置，该装置包括：

第三获取模块，被配置为获取主工程的待调用组件；

第四获取模块，被配置为响应于确定所述待调用组件与目标公共组件匹配，获取所述目标公共组件的编译网页文件包，其中，基于权利要求10-14任一项所述的组件处理装置确定所述编译网页文件包；

调用模块，被配置为在所述主工程中调用所述编译网页文件包，以完成对所述待调用组件的调用。。

根据本公开的另一方面，提供了一种电子设备，该电子设备包括至少一个处理器；以及，与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行上述组件处理方法或组件调用方法。

根据本公开的另一方面，本申请实施例提供了一种计算机可读介质，其上存储有计算机指令，该计算机指令用于使计算机能够执行上述组件处理方法或组件调用方法。

根据本公开的另一方面，本申请实施例提供了一种计算机程序产品，其包括计算机程序，计算机程序在被处理器执行时实现上述组件处理方法或组件调用方法。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1是本公开可以应用于其中的示例性系统架构；

图2是根据本公开的组件处理方法的一个实施例的流程图；

图3是根据本公开的组件处理方法的又一个实施例的流程图；

图4示出了本公开的组件处理方法的一个实施例的场景示意图；

图5示出了本公开的组件处理方法的又一个实施例的场景示意图；

图6是根据本公开的组件调用方法的一个实施例的流程图；

图7是根据本公开的组件调用方法的又一个实施例的流程图；

图8是根据本公开的组件处理装置的实施例的结构示意图；

图9是根据本公开的组件调用装置的实施例的结构示意图；

图10是用来实现本公开实施例的组件处理方法或组件调用方法的电子设备的框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

本公开的技术方案中，所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理，均符合相关法律法规的规定，且不违背公序良俗。

图1示出了可以应用本公开的组件处理方法、装置、电子设备及计算机可读存储介质的实施例的示例性系统架构100。

如图1所示，系统架构100可以包括终端设备101、网络102和服务器103。网络102用以在终端设备101和服务器103之间提供通信链路的介质。网络102可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101通过网络102与服务器103交互，以接收或发送数据或指令等。终端设备101和服务器103上可以安装有各种用于实现两者之间进行信息通讯的应用，例如应用开发类应用、代码编译类应用、即时通讯类应用等。

终端设备101和服务器103可以是硬件，也可以是软件。当终端设备101为硬件时，可以是具有显示屏的各种电子设备，包括但不限于平板电脑、膝上型便携计算机和台式计算机、工作站等等；当终端设备101为软件时，可以安装在上述所列举的电子设备中，其可以实现成多个软件或软件模块，也可以实现成单个软件或软件模块，在此不做具体限定。当服务器103为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器；服务器为软件时，可以实现成多个软件或软件模块，也可以实现成单个软件或软件模块，在此不做具体限定。

服务器103通过内置的各种应用可以提供各种服务，以可以提供应用的组件编译类应用为例，服务器103在运行该组件编译类应用时可实现如下效果：首先，获取满足预设条件的目标公共组件，其中，预设条件包括以下至少一项：运行时间大于等于时间阈值、运行消耗大于等于消耗阈值；接下来，获取目标公共组件的运行资源；最后，对运行资源和目标公共组件进行编译，得到编译网页文件包，以供至少一个主工程调用，其中，编译网页文件包中包括有运行资源。

进一步的，服务器103就可以响应于终端设备101对组件库内公共组件的调用或使用请求。

需要指出的是，满足预设条件的目标公共组件以及目标公共组件的运行资源除可以从终端设备101通过网络102获取到之外，也可以通过各种方式预先存储在服务器103本地。因此，当服务器103检测到本地已经存储有这些数据时(例如开始处理之前留存的目标公共组件以及运行资源)，可选择直接从本地获取这些数据，在此种情况下，示例性系统架构100也可以不包括终端设备101和网络102。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

需要说明的是，本公开实施例所提供的组件处理方法一般由服务器103执行，相应地，组件处理装置一般设置于服务器103中。

图2示出了本申请实施例的一种组件处理方法的流程示意图200，参考图2，该方法具体步骤如下：

步骤201、获取满足预设条件的目标公共组件。

本步骤旨在由组件处理方法的执行主体(例如图1所示的服务器103)获取满足预设条件的目标公共组件。

目前对于项目中多处用到的部分都会拆解封装成一个独立的公共组件。具体的，公共组件又可以细分为展示类公共组件、业务类公共组件和一般公共组件。其中，展示类公共组件如图表类公共组件；业务类公共组件如编辑或者查看页面功能的公共组件；一般公共组件该如地图类公共组件，本申请对此不作限定。

对于展示类公共组件、业务类公共组件和一般公共组件等，其在项目中每引用一次，就会被编译一次。对于一些纯展示类的公共组件来说，可能不会有太大的影响，但对于时间和内存开销比较大的公共组件来说，每引用一次，都会在脚本主线程上运行比较长的时间，由于脚本是单线同步的，若一段函数功能代码在脚本主线程上运行时间太久，必然会影响页面的渲染进程，降低画面每秒传输的帧数，最直观的效果就是页面卡顿或者出现页面白屏现象，导致用户交互延迟，严重影响用户体验。

为此，本实施例中，设置预设条件包括以下至少一项：运行时间大于等于时间阈值、运行消耗大于等于消耗阈值。其中，运行时间可以根据前端页面监测工去获取，以组件从引入到编译或者从引入到挂载结束的时间为作为组件的运行时间，运行时间的时间阈值一般根据用户体验来设置，本领域技术人员能够依据实际需求设置相应的运行时间阈值，以将运行时间较大需要优化的组件挑选出来；运行消耗运编译该组件时，服务器的内存消耗，同样可以通过前端页面监测工具获取，通过获取组件从引入到编译或者从引入到挂载结束的内存使用情况，来计算该组件的内存消耗，同样，运行消耗的消耗阈值一般根据用户体验来设置，本领域技术人员能够依据实际需求设置相应的消耗阈值，以将运行消耗较大需要优化的组件挑选出来。

也就是说，执行主体可以从上述展示类公共组件、业务类公共组件和一般公共组件中选择出运行时间大于等于时间阈值或运行消耗大于等于消耗阈值的组件作为目标公共组件。

步骤202、获取目标公共组件的运行资源。

在步骤201获取到目标公共组件的基础上，本步骤旨在由上述执行主体获取该目标公共组件的运行资源。其中，运行资源为目标公共组件在运行、编译过程中所需的数据或存储空间等资源，本申请对此不作限定，应当理解，运行资源为使目标公共组件正常运行所需的资源。

步骤203、对运行资源和目标公共组件进行编译，得到编译网页文件包，以供至少一个主工程调用。

应当理解，应用软件的软件工程结构主要包括两层，即主工程所在的层以及子工程所在的层。其中，主工程所在的层与子工程所在的层之间的调用关系为单向调用关系，即主工程所在的层可以调用于工程所在的层中的内容，但是子工程所在的层不能够调用主工程所在的层中的内容。

在步骤201和步骤202的基础上，本步骤旨在由上述执行主体对运行资源和目标公共组件进行编译，得到编译网页文件包，以供至少一个主工程调用，其中，编译网页文件包中包括有运行资源。

在本实施例中，通过对目标公共组件及其运行资源一同进行编译打包，使得生成的编译网页文件包中包括有该运行资源，从而在后续对目标公共组件进行调用时，可直接引用编译打包好的编译网页文件包，而无需再次进行编译打包，实现组件的静态编译达到重复利用的效果，从而减少了组件静态编译的次数，极大程度的提升了页面的编译速度以及用户跟页面的交互的时间，提高了项目的开发速度。

参见图3，本申请示出了一种组件处理方法的又一实施例的流程图300，如图3所示，该方法包括：

步骤301、接收来自主工程的业务信息。

本步骤旨在由组件处理方法的执行主体(例如图1所示的服务器103)接收来自主工程的业务信息。

在本实施例中，主工程主要包括:业务逻辑以及组件组装器。主工程通常会包含有多个业务逻辑，一个业务逻辑通常可以实现一个特定的功能，如下载功能或者上传功能或者注册功能或者在线阅读功能等等。业务逻辑可以自己调用于工程所在的层中的内容，业务逻辑也可以通过组件组装器来调用于工程中的内容。主工程中的业务逻辑在需要实现特定功能(如下载功能)时，通常会向组件组装器提供相应的业务信息。这里的业务信息主要包括:业务逻辑标识以及业务参数等:其中，业务逻辑标识主要用于唯一标识出一个业务逻辑，业务参数主要用于为组件组装器提供组件的配置参数。

换言之，业务信息用于表征主工程的待调用组件信息。也就是说，执行主体根据接收到的业务信息，能够明了主工程中所需调用的组件类型以及数量等。

需要说明的是，父工程、子工程及其之间的调用关系属于现有技术，本申请在此不再详述。

步骤302、基于业务信息，确定候选公共组件。

在步骤301的基础上，本步骤旨在由组件处理方法的执行主体基于业务信息，确定候选公共组件。

换言之，执行主体基于业务信息，能够确定主工程中所需调用的组件类型、调用位置以及数量等。在确定了主工程中所需调用的组件的基础上，进一步将这些组件按照组件类型进行分类，并将同一类的组件确定为候选公共组件。

需要说明的是，本申请对候选公共组件的数量不作限定，其可以是一个或多个。

步骤303、从候选公共组件中，获取满足预设条件的目标公共组件。

在步骤302的基础上，本步骤旨在由组件处理方法的执行主体基于候选公共组件，获取满足预设条件的目标公共组件，其中，预设条件包括以下至少一项：运行时间大于等于预设时间阈值或运行消耗大于等于预设消耗阈值。

换言之，执行主体在确定的候选公共组件中，可以将运行时间大于等于预设时间阈值或运行消耗大于等于预设消耗阈值的候选公共组件，确定为目标公共组件，从而使得确定的目标公共组件，更加符合主工程的业务需求，从而提升项目开发速度。

步骤304、获取目标公共组件的运行资源。

在本实施例中，对步骤304的描述参考步骤202，在此不再详述。

步骤305、基于业务信息，确定目标编译工具。

本步骤中，组件处理方法运行于其上的执行主体(例如图1中的服务器103)可以接收来自开发人员可以在主工程界面中填写的业务信息，其中，该业务信息可以包括所需使用的组件的名称信息和功能信息等，执行主体可以根据该业务信息生成主工程的编译请求。进一步，执行主体基于不同的编译请求，确定不同的目标编译工具，例如其可以包括依赖管理工具或具有编译功能的插件工具；依赖管理工具例如可以是Cocoapods工具或Easybox工具，其中，Cocoapods工具为项目工程所需第三方库的库依赖管理工具；Easybox工具为由工程组装器(Installer)、多仓库管理工具(MGit)、二进制管理工具(LFS)三部分构成，分别用于负责工作区的构建(如组件依赖分析、工程的生成与组合)、源码仓库管理以及二进制管理的工具。

需要说明的是，上述对依赖管理工具的说明是示例性的，不构成对依赖管理工具的具体限定，本领域技术人员能够根据实际需求，选择合适的依赖管理工具，以实现对运行资源和目标公共组件的编译，得到编译网页文件包。

步骤306、利用目标编译工具，对运行资源和目标公共组件进行编译，得到编译网页文件包。

在步骤305的基础上，本步骤旨在由组件处理方法的执行主体，基于目标编译工具，对运行资源和目标公共组件进行编译，得到编译网页文件包。

换言之，在本实施例中，可以利用Cocoapods工具、Easybox工具或具有编译功能的插件工具按照一定的编译规则。对运行资源和目标公共组件进行编译，得到编译网页文件包，并且使得编译后的编译网页文件包中包括有运行资源。

在本实施例的一些可选的方式中，当目标编译工具为依赖管理工具时，通过以下步骤得到编译网页文件包，其中：

首先，基于依赖管理工具，将运行资源和目标公共组件静态编译成脚本文件，其中，脚本文件中包括有运行资源；其次，通过网页服务端口，例如，Html(网页)入口，将脚本文件转换为编译网页文件包。

在一个实际的应用场景中，如图4所示，将时间和内存开销比较大的公共组件抽离出来变成一个独立的项目，即得到图4中的目标公共组件，通过打包工具webpack将项目(即目标公共组件)静态编译成一个脚本文件，最后在HTML入口中引入静态编译后的脚本文件，得到编译网页文件包。进一步将编译网页文件包和脚本文件放到静态文件夹中，在项目中需要调用组件的地方使用Iframe标签将编译网页文件包引入。其中，Iframe标签为网页上的标签，用于把嵌入的编译网页文件包原样展现出来。

例如，如图4所示，待调用组件1、待调用组件2、待调用组件3和待调用组件4所在位置为主工程需要调用组件的地方，待调用组件1、待调用组件2、待调用组件3和待调用组件4的类型为主工程需要调用的组件的类型，当待调用组件1、待调用组件2、待调用组件3和待调用组件4与目标公共组件匹配时，使用Iframe标签将编译网页文件包分别引入待调用组件1、待调用组件2、待调用组件3和待调用组件4的所在位置，以完成对待调用组件1、待调用组件2、待调用组件3和待调用组件4的调用。

本实施例中，由于编译网页文件包中引入的脚本文件已经是静态编译过的文件，并在静态编译的过程中将需要的运行资源也一起打包了，所以在多次调用公共组件中时也不会再次去打包，从而实现组件的静态编译达到重复利用的效果。

在本实施例的一些可选的方式中，目标编译工具为编译插件时，通过以下步骤得到编译网页文件包，其中：

首先，根据编译插件，将目标公共组件中的变量替换为运行资源，得到字符串文件；其次，基于字符串文件，确定编译网页文件包。

在一个实际的应用场景中，如图5所示，通过前述方式，基于编译插件将目标公共组件静态编译成一段编译网页文件包，当待调用组件1、待调用组件2、待调用组件3和待调用组件4的组件类型与该目标公共组件相匹配时，可以通过V-html指令将编译好的编译网页文件包分别到调用至主工程中的待调用组件1、待调用组件2、待调用组件3和待调用组件4所在的位置，或者还通过直接操作待调用组件所对应的节点dom的方式，将编译网页文件包以文档碎片的形式分别添加到当前主工程的dom节点树中，其中，V-html指令用于向指定节点渲染包含编译网页文件包的内容，dom为主工程节点树中的其中一个节点。

相比于通过Iframe标签的形式引入公共组件，本实施例直接使用V-html指令或者直接操作节点dom的方式引入编译网页文件包，减少了程序的繁琐，在一定程度上更安全。

在本实施例中，通过对目标公共组件及其运行资源一同进行编译打包，使得生成的编译网页文件包中包括有该运行资源，从而在后续对目标公共组件进行调用时，可直接引用编译打包好的编译网页文件包，而无需再次进行编译打包，实现组件的静态编译达到重复利用的效果，从而减少了组件静态编译的次数，极大程度的提升了页面的编译速度以及用户跟页面的交互的时间，提高了项目的开发速度。

在确定了目标公共组件的编译网页文件包的基础上，本申请还提供了一种组件调用方法，需要说明的是，本公开实施例所提供的组件调用方法一般由服务器103执行，相应地，组件调用装置一般设置于服务器103中。

其中，如图6所示，该组件调用方法的流程示意图600包括：

步骤601、获取主工程的待调用组件。

本步骤旨在由组件调用方法的执行主体(例如图1所示的服务器103)获取主工程的待调用组件，其中，待调用组件为该主工程在开发过程中所需用到的组件。

步骤602、响应于确定待调用组件与目标公共组件匹配，获取目标公共组件的编译网页文件包，其中，基于前述实施例的组件处理方法确定编译网页文件包。

在本步骤601的基础上，本步骤旨在由组件调用方法的执行主体在确定待调用组件与目标公共组件匹配，获取目标公共组件的编译网页文件包。

换言之，在基于前述实施例的组件处理方法，已经确定目标公共组件的编译网页文件包的基础上，本申请在确定待调用组件的类型与目标公共组件的类型匹配时，可以直接调用目标公共组件的编译网页文件包，来实现对待调用组件的调用。

需要说明的是，基于前述实施例的组件处理方法可确定编译网页文件包，本实施例在此不再详述。

步骤603、在主工程中调用编译网页文件包，以完成对待调用组件的调用。

在本步骤602的基础上，本步骤旨在由组件调用方法的执行主体在主工程中调用编译网页文件包，以完成对待调用组件的调用。

换言之，仅需调用已经确定好的编译网页文件包，即可完成对待调用组件的调用，从而减少了组件静态编译的次数和在js主线程上的代码运行量，极大程度的提升页面的编译速度，减少用户跟页面的交互时间，从而使得页面的渲染速度提升，避免页面出现白屏或卡顿的风险，提升了用户体验。

图7示出了本申请的又一个实施例的组件调用方法的流程示意图700，参考图7，该方法包括以下步骤：

步骤701、接收来自主工程的业务信息。

本步骤中，对步骤701的描述可参考步骤301，本申请在此不再详述。

步骤702、基于业务信息，获取主工程的待调用组件。

在步骤701的基础上，本步骤旨在由组件调用方法的执行主体基于业务信息，获取主工程的与业务信息相关的待调用组件，从而使得确定的待调用组件更加符合主工程的业务需求，提升项目开发速度。

需要说明的是，对主工程和业务信息的描述可参考步骤301，本申请在此不再详述。

步骤703、响应于确定待调用组件与目标公共组件匹配，获取目标公共组件的编译网页文件包，其中，基于前述实施例的的组件处理方法确定编译网页文件包。

本步骤中，对步骤703的描述可参考步骤602，本申请在此不再详述

步骤704、在主工程中调用编译网页文件包，以完成对待调用组件的调用。

本步骤中，本步骤旨在由组件调用方法的执行主体在主工程中调用编译网页文件包，以完成对待调用组件的调用。换言之，仅需调用已经确定好的编译网页文件包，即可完成对待调用组件的调用。

在本实施例一些可选的方式中，在主工程中调用编译网页文件包的步骤如下：

首先，基于业务信息，确定待调用组件在主工程的调用位置。

在本步骤中，基于业务信息，还可以进一步确定待调用组件在主工程的调用位置。例如，调用位置可以是主工程中存在组件调用需求的位置。本申请对此不作限定，本领域技术人员能够根据项目需求进行相应设置。

其次，利用嵌入式框架标签或网页调用指令，将编译网页文件包调用至调用位置。

在本步骤中，嵌入式框架标签可以是Ifram标签，网页调用指令可以是V-html指令，本领域技术人员能够依据实际需求选择相应的标签或指令，以实现对编译网页文件包的调用，本申请在此不作限定。

本实施例中，由于编译网页文件包中引入的脚本文件已经是静态编译过的文件，并在静态编译的过程中将需要的运行资源也一起打包了，所以在多次调用公共组件中时也不会再次去打包，从而实现组件的静态编译达到重复利用的效果。

在本实施例一些可选的方式中，在主工程中调用编译网页文件包的步骤如下：

首先，获取主工程的语法树。

在本步骤中，执行主体获取主工程的抽象语法树来实现对编译网页文件包的调用，其中，语法树为现有技术，本申请在此不作限定。

其次，基于业务信息，确定待调用组件在语法树中的调用节点。

在本步骤中，基于业务信息，还可确定待调用组件在语法树中的调用节点。

最后，基于对语法树的调用操作，将编译网页文件包调用至调用节点。

在本步骤中，执行主体可通过直接操作调用节点dom的方式，将编译网页文件包调用至调用节点，调用程序简单，在一定程度上更安全。

进一步参考图8，作为对上述各图所示组件处理方法的实现，本公开提供了一种组件处理装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图8所示，该组件处理装置800包括：

第一获取模块801，被配置为获取满足预设条件的目标公共组件，其中，预设条件包括以下至少一项：运行时间大于等于时间阈值、运行消耗大于等于消耗阈值；

第二获取模块802，被配置为获取目标公共组件的运行资源；

编译模块803，被配置为对运行资源和目标公共组件进行编译，得到编译网页文件包，以供至少一个主工程调用。

在本实施的一些可选的方式中，第一获取模块进一步被配置为：

接收来自主工程的业务信息；基于业务信息，确定候选公共组件；基于候选公共组件，获取满足预设条件的目标公共组件。

在本实施的一些可选的方式中，编译模块进一步被配置为：基于业务信息，确定目标编译工具；利用目标编译工具，对运行资源和目标公共组件进行编译，得到编译网页文件包。

在本实施的一些可选的方式中，响应于目标编译工具为依赖管理工具，编译模块进一步被配置为：

基于依赖管理工具，将运行资源和目标公共组件静态编译成脚本文件，其中，脚本文件中包括有运行资源；

通过网页服务端口，将脚本文件转换为编译网页文件包。

在本实施的一些可选的方式中，响应于目标编译工具为编译插件，编译模块进一步被配置为：

基于编译插件，将目标公共组件中的变量替换为运行资源，得到字符串文件；

基于字符串文件，确定编译网页文件包。

在本实施例中，通过对目标公共组件及其运行资源一同进行编译打包，使得生成的编译网页文件包中包括有该运行资源，从而在后续对目标公共组件进行调用时，可直接引用编译打包好的编译网页文件包，而无需再次进行编译打包，实现组件的静态编译达到重复利用的效果，从而减少了组件静态编译的次数，极大程度的提升了页面的编译速度以及用户跟页面的交互的时间，提高了项目的开发速度。

进一步参考图9，作为对上述各图所示组件调用方法的实现，本公开提供了一种组件调用装置的一个实施例，该装置实施例与图6所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图9所示，该组件调用装置900包括：

第三获取模块901，被配置为获取主工程的待调用组件；

第四获取模块902，被配置为响应于确定待调用组件与目标公共组件匹配，获取目标公共组件的编译网页文件包，其中，基于前述实施例的组件调用装置确定编译网页文件包；

调用模块903，被配置为在主工程中调用编译网页文件包，以完成对待调用组件的调用。

在本实施的一些可选的方式中，第三获取模块进一步被配置为：

接收来自主工程的业务信息；基于业务信息，获取主工程的待调用组件。

在本实施的一些可选的方式中，调用模块进一步被配置为：

基于业务信息，确定待调用组件在主工程的调用位置；基于嵌入式框架标签或网页调用指令，将编译网页文件包调用至调用位置。

在本实施的一些可选的方式中，调用模块进一步被配置为：

获取主工程的语法树；基于业务信息，确定待调用组件在语法树中的调用节点；基于对语法树的调用操作，将编译网页文件包调用至调用节点。

在本实施例中，通过对目标公共组件及其运行资源一同进行编译打包，使得生成的编译网页文件包中包括有该运行资源，从而在后续对目标公共组件进行调用时，可直接引用编译打包好的编译网页文件包，而无需再次进行编译打包，实现组件的静态编译达到重复利用的效果，从而减少了组件静态编译的次数，极大程度的提升了页面的编译速度以及用户跟页面的交互的时间，提高了项目的开发速度。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

一种电子设备，包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行前述实施例的组件处理方法或组件调用方法。

一种存储有计算机指令的非瞬时计算机可读存储介质，其中，计算机指令用于使计算机执行前述实施例的组件处理方法或组件调用方法。

一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现前述实施例组件处理方法或组件调用方法。

图10示出了可以用来实施本公开的实施例的示例电子设备1000的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图10所示，电子设备1000包括计算单元1001，其可以根据存储在只读存储器(ROM)1002中的计算机程序或者从存储单元1008加载到随机访问存储器(RAM)1003中的计算机程序，来执行各种适当的动作和处理。在RAM1003中，还可存储设备1000操作所需的各种程序和数据。计算单元1001、ROM 1002以及RAM 1003通过总线1004彼此相连。输入/输出(I/O)接口1005也连接至总线1004。

电子设备1000中的多个部件连接至I/O接口1005，包括：输入单元1006，例如键盘、鼠标等；输出单元1007，例如各种类型的显示器、扬声器等；存储单元1008，例如磁盘、光盘等；以及通信单元1009，例如网卡、调制解调器、无线通信收发机等。通信单元1009允许设备1000通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元1001可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元1001的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元1001执行上文所描述的各个方法和处理，例如车路协同中相机作用距离确定方法。例如，在一些实施例中，车路协同中相机作用距离确定方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元1008。在一些实施例中，计算机程序的部分或者全部可以经由ROM 1002和/或通信单元1009而被载入和/或安装到设备1000上。当计算机程序加载到RAM 1003并由计算单元1001执行时，可以执行上文描述的车路协同中相机作用距离确定方法的一个或多个步骤。备选地，在其他实施例中，计算单元1001可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行车路协同中相机作用距离确定方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (21)

1.一种组件处理方法，包括：

获取满足预设条件的目标公共组件，其中，所述预设条件包括以下至少一项：运行时间大于等于时间阈值、运行消耗大于等于消耗阈值；

获取所述目标公共组件的运行资源；

对所述运行资源和所述目标公共组件进行编译，得到编译网页文件包，以供至少一个主工程调用。

2.根据权利要求1所述的方法，其中，所述获取满足预设条件的目标公共组件包括：

接收来自主工程的业务信息；

基于所述业务信息，确定候选公共组件；

从所述候选公共组件中，获取所述满足预设条件的目标公共组件。

3.根据权利要求2所述的方法，其中，所述对所述运行资源和所述目标公共组件进行编译，得到编译网页文件包，包括

基于所述业务信息，确定目标编译工具；

利用所述目标编译工具，对所述运行资源和所述目标公共组件进行编译，得到编译网页文件包。

4.根据权利要求3所述的方法，其中，响应于所述目标编译工具为依赖管理工具，所述对所述运行资源和所述目标公共组件进行编译，得到编译网页文件包，包括：

基于所述依赖管理工具，将所述运行资源和所述目标公共组件静态编译成脚本文件，其中，所述脚本文件中包括有所述运行资源；

通过网页服务端口，将所述脚本文件转换为所述编译网页文件包。

5.根据权利要求3所述的方法，其中，响应于所述目标编译工具为编译插件，所述对所述运行资源和目标所述公共组件进行编译，得到编译网页文件包，包括：

根据所述编译插件，将所述目标公共组件中的变量替换为所述运行资源，得到字符串文件；

基于所述字符串文件，确定所述编译网页文件包。

6.一种组件调用方法，包括：

获取主工程的待调用组件；

响应于确定所述待调用组件与目标公共组件匹配，获取所述目标公共组件的编译网页文件包，其中，基于权利要求1-5任一项所述的组件处理方法确定所述编译网页文件包；

在所述主工程中调用所述编译网页文件包，以完成对所述待调用组件的调用。

7.根据权利要求6所述的方法，其中，所述获取主工程的待调用组件包括：

接收来自主工程的业务信息；

基于所述业务信息，获取主工程的待调用组件。

8.根据权利要求7所述的方法，其中，在所述主工程中调用所述编译网页文件包，包括：

基于所述业务信息，确定所述待调用组件在所述主工程的调用位置；

利用嵌入式框架标签或网页调用指令，将所述编译网页文件包调用至所述调用位置。

9.根据权利要求7所述的方法，其中，在所述主工程中调用所述编译网页文件包，包括：

获取所述主工程的语法树；

基于所述业务信息，确定所述待调用组件在所述语法树中的调用节点；

基于对所述语法树的调用操作，将所述编译网页文件包调用至所述调用节点。

10.一种组件处理装置，包括：

第一获取模块，被配置为获取满足预设条件的目标公共组件，其中，所述预设条件包括以下至少一项：运行时间大于等于时间阈值、运行消耗大于等于消耗阈值；

第二获取模块，被配置为获取所述目标公共组件的运行资源；

编译模块，被配置为对所述运行资源和所述目标公共组件进行编译，得到编译网页文件包，以供至少一个主工程调用。

11.根据权利要求10所述的装置，其中，所述第一获取模块进一步被配置为：

接收来自主工程的业务信息；

基于所述业务信息，确定候选公共组件；

从所述候选公共组件中，获取所述满足预设条件的目标公共组件。

12.根据权利要求11所述的装置，其中，所述编译模块进一步被配置为：

基于所述业务信息，确定目标编译工具；

利用所述目标编译工具，对所述运行资源和所述目标公共组件进行编译，得到编译网页文件包。

13.根据权利要求12所述的装置，其中，响应于所述目标编译工具为依赖管理工具，所述编译模块进一步被配置为：

基于所述依赖管理工具，将所述运行资源和所述目标公共组件静态编译成脚本文件，其中，所述脚本文件中包括有所述运行资源；

通过网页服务端口，将所述脚本文件转换为所述编译网页文件包。

14.根据权利要求12所述的装置，其中，响应于所述目标编译工具为编译插件，所述编译模块进一步被配置为：

根据所述编译插件，将所述目标公共组件中的变量替换为所述运行资源，得到字符串文件；

基于所述字符串文件，确定所述编译网页文件包。

15.一种组件调用装置，包括：

第三获取模块，被配置为获取主工程的待调用组件；

第四获取模块，被配置为响应于确定所述待调用组件与目标公共组件匹配，获取所述目标公共组件的编译网页文件包，其中，基于权利要求10-14任一项所述的组件处理装置确定所述编译网页文件包；

调用模块，被配置为在所述主工程中调用所述编译网页文件包，以完成对所述待调用组件的调用。

16.根据权利要求15所述的装置，其中，所述第三获取模块进一步被配置为：

接收来自主工程的业务信息；

基于所述业务信息，获取主工程的待调用组件。

17.根据权利要求16所述的装置，其中，所述调用模块进一步被配置为：

基于所述业务信息，确定所述待调用组件在所述主工程的调用位置；

利用嵌入式框架标签或网页调用指令，将所述编译网页文件包调用至所述调用位置。

18.根据权利要求16所述的装置，其中，所述调用模块进一步被配置为：

获取所述主工程的语法树；

基于所述业务信息，确定所述待调用组件在所述语法树中的调用节点；

基于对所述语法树的调用操作，将所述编译网页文件包调用至所述调用节点。

19.一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-5中任一项所述的组件处理方法或权利要求6-9中任一项所述的组件调用方法。

20.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-5中任一项所述的组件处理方法或权利要求6-9中任一项所述的组件调用方法。

21.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-5中任一项所述的组件处理方法或权利要求6-9中任一项所述的组件调用方法。

Images