一种组件加载方法、系统及计算机可读存储介质技术方案

技术编号:40381706 阅读:27 留言:0更新日期:2024-02-20 22:18
本发明专利技术提供一种组件加载方法、系统及计算机可读存储介质,涉及前端应用领域,方法包括:前端宿主应用从本地UI代理库导入代理组件代码,并利用代理组件代码创建代理组件;代理组件在被创建时,判断自身对应的组件是否加载;当确定组件未加载时,代理组件从线上UI组件库中加载组件;当确定组件已加载时,代理组件渲染组件,并将渲染后的组件返回至前端宿主应用;前端宿主应用所要使用的组件可由代理组件动态加载,并且代理组件仅在被创建时才从线上UI组件库中加载对应组件,进而可确保前端宿主应用无需设置完整的UI组件库,并可实现UI组件的按需动态加载。

【技术实现步骤摘要】

本专利技术涉及前端应用领域,特别涉及一种组件加载方法、系统及计算机可读存储介质


技术介绍

1、为提升前端应用的可视化效果,目前较多前端应用均在使用ui组件库(userinterface,用户界面,常见的ui组件库有antd)。在实际使用过程中,由于一个ui组件库通常包含很多组件,因此组件库的体积很大,容易为前端应用的加载带来了很大的负担。

2、因此,如何实现ui组件的按需加载,是本领域技术人员亟需解决的技术问题。


技术实现思路

1、本专利技术的目的是提供一种组件加载方法、系统及计算机可读存储介质,其中,前端宿主应用所要使用的组件可由代理组件动态加载,并且代理组件仅在被创建时才从线上ui组件库中加载对应组件,进而可确保前端宿主应用无需设置完整的ui组件库,并可实现ui组件的按需动态加载。

2、为解决上述技术问题,本专利技术提供一种组件加载方法,包括:

3、前端宿主应用从本地ui代理库导入代理组件代码,并利用所述代理组件代码创建代理组件;

4、所述代理组件在被创建本文档来自技高网...

【技术保护点】

1.一种组件加载方法,其特征在于,包括:

2.根据权利要求1所述的组件加载方法,其特征在于,所述代理组件从线上UI组件库中加载所述组件,包括:

3.根据权利要求1所述的组件加载方法,其特征在于,所述前端宿主应用从本地UI代理库导入代理组件代码,包括:

4.根据权利要求1所述的组件加载方法,其特征在于,还包括:

5.根据权利要求1所述的组件加载方法,其特征在于,所述线上UI组件库部署于内容分发网络服务器中。

6.根据权利要求1至5任一项所述的组件加载方法,其特征在于,在确定所述组件未加载之后,在确定所述组件已加载之前,还包括:...

【技术特征摘要】

1.一种组件加载方法,其特征在于,包括:

2.根据权利要求1所述的组件加载方法,其特征在于,所述代理组件从线上ui组件库中加载所述组件,包括:

3.根据权利要求1所述的组件加载方法,其特征在于,所述前端宿主应用从本地ui代理库导入代理组件代码,包括:

4.根据权利要求1所述的组件加载方法,其特征在于,还包括:

5.根据权利要求1所述的组件加载方法,其特征在于,所述线上ui组件库部署于内容分发网络服务器中。

6.根据权利要求1至5任一项所述的组件加载方法,其特征在于...

【专利技术属性】
技术研发人员:郭晓磊徐玉华王伟萍母思路钱晓雷
申请(专利权)人:税友软件集团股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1