[发明专利]一种自定义组件的加载方法、装置、电子设备和存储介质

说明书

本申请公开了一种自定义组件的加载方法，包括：当接收到调用目标自定义组件的请求时，在当前页面创建script标签；将目标自定义组件的静态资源所在链接写入script标签；将写入链接的script标签插入当前页面，当前页面所在浏览器根据链接加载对应的静态资源，得到目标自定义组件。该方法只在需要调用目标自定义组件时，才加载获取目标自定义组件，节省了系统资源的占用，提高了加载效率，有效提高了表单系统的灵活性。本申请同时还提供了一种自定义组件的加载装置、一种电子设备和计算机可读存储介质，具有上述有益效果。

技术领域

本申请涉及浏览器技术领域，特别涉及一种自定义组件的加载方法、装置、电子设备和计算机可读存储介质。

背景技术

随着业务差异化增多，采用动态表单可以解决重复开发及逻辑堆叠的问题。随着动态化表单系统运行过程中业务方接入的越来越多，一些功能特殊的自定义组件插件式加载(将组件作为系统的插件进行加载，自定义表单加载了该组件之后就能直接将该组件用在表单页面上)的需求开始出现并慢慢变得强烈。

相关技术中当在内置组件中加入新增组件时，表单系统需要重新执行开发组件并测试发布的过程，会产生以下问题：一是这部分自定义组件可能在某些页面并不需要，但是一旦内置了该组件，不管页面有没有用到，资源都会被加载，浪费系统资源，加载效率低；二是只要是修改了系统，就有可能引发系统的其他问题，影响系统的稳定性。

发明内容

本申请的目的是提供一种自定义组件的加载方法，能够节省系统资源的占用，提高加载效率和表单系统的灵活性。其具体方案如下：

第一方面，本申请公开了一种自定义组件的加载方法，包括：

当接收到调用目标自定义组件的请求时，在当前页面创建script标签；

将所述目标自定义组件的静态资源所在链接写入所述script标签；

将写入所述链接的script标签插入当前页面，所述当前页面所在浏览器根据所述链接加载对应的静态资源，得到所述目标自定义组件。

可选的，在将所述目标自定义组件的静态资源所在链接写入所述script标签之前，还包括：

按照AMD格式或UMD格式，对所述目标自定义组件的代码模块进行打包，形成所述静态资源。

可选的，所述当前页面所在浏览器根据所述链接加载对应的静态资源，得到所述目标自定义组件，包括：

所述当前页面所在浏览器根据所述链接加载对应的静态资源；

当所述静态资源被执行时，利用define方法执行拦截所述静态资源被执行的操作，并将所述静态资源存储于指定位置，得到所述静态资源对应的目标自定义组件。

可选的，利用define方法执行拦截所述静态资源被执行的操作之后，还包括：

将所述目标自定义组件的依赖注入所述当前页面，以使当所述目标自定义组件被执行时，将所述依赖分配给所述目标自定义组件。

第二方面，本申请公开了一种自定义组件的加载装置，包括：

创建模块，用于当接收到调用目标自定义组件的请求时，在当前页面创建script标签；

写入模块，用于将所述目标自定义组件的静态资源所在链接写入所述script标签；

加载模块，用于将写入所述链接的script标签插入当前页面，所述当前页面所在浏览器根据所述链接加载对应的静态资源，得到所述目标自定义组件。

可选的，还包括：

打包模块，用于按照AMD格式或UMD格式，对所述目标自定义组件的代码模块进行打包，形成所述静态资源。