CN113626124A - 一种用于iFrame微前端架构的组件状态共享方法与装置 - Google Patents
一种用于iFrame微前端架构的组件状态共享方法与装置 Download PDFInfo
- Publication number
- CN113626124A CN113626124A CN202110935983.8A CN202110935983A CN113626124A CN 113626124 A CN113626124 A CN 113626124A CN 202110935983 A CN202110935983 A CN 202110935983A CN 113626124 A CN113626124 A CN 113626124A
- Authority
- CN
- China
- Prior art keywords
- event
- component
- component library
- sub
- global
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 47
- 230000006870 function Effects 0.000 claims description 49
- 238000004590 computer program Methods 0.000 claims description 7
- 238000002955 isolation Methods 0.000 abstract description 9
- 230000000694 effects Effects 0.000 abstract description 4
- 230000001360 synchronised effect Effects 0.000 abstract 1
- 238000010586 diagram Methods 0.000 description 3
- 230000007246 mechanism Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000002776 aggregation Effects 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/542—Event management; Broadcasting; Multicasting; Notifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/546—Message passing systems or structures, e.g. queues
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/547—Remote procedure calls [RPC]; Web services
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2209/00—Indexing scheme relating to G06F9/00
- G06F2209/54—Indexing scheme relating to G06F9/54
- G06F2209/545—Gui
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2209/00—Indexing scheme relating to G06F9/00
- G06F2209/54—Indexing scheme relating to G06F9/54
- G06F2209/547—Messaging middleware
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Multimedia (AREA)
- Stored Programmes (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种用于iFrame微前端架构的组件状态共享方法与装置,属于计算机软件领域。本发明通过在微前端项目的外层框架及各个子项目中引入带事件中心的组件库来实现组件状态共享,组件库初始化时,在window.top上构建全局事件中心对象并存入各组件库的setState函数;在组件调用setState函数发布消息时,全局事件中心判断是否是全局事件,若是全局事件,则由框架组件库进行UI展示;否则分发给其他所有子应用及框架的组件库,由订阅事件的组件处理。本发明的微前端项目中所有子项目及框架的组件库可以自动进行状态的同步,解决了内外组件状态隔离,UI效果不统一的问题,达到单一应用的体验效果。
Description
技术领域
本发明涉及一种用于iFrame微前端架构的组件状态共享方法与装置,属于计算机软件领域。
背景技术
微前端是一种类似于微服务的前端架构,将微服务的理念应用于浏览器Web端,是一种将大型项目拆分成子项目来达到工程拆分管理的方案,即将单一的大型前端应用转变为多个小型前端应用的聚合。由此带来的变化是,这些前端应用能够独立运行、独立开发、独立部署。可以利于多组协同,在共享组件的同时进行并行开发,解决工程膨胀、开发维护困难等问题。
当前成熟项目的微前端的架构最常用的为以下两种:1、Single-SPA及基于Single-SPA的架构方案。2、浏览器原生支持的iFrame方案。方案1的原理简单来说,是在页面合适的地方建立DOM容器,根据需要加载对应子项目DOM节点到容器中,引入子项目的css样式文件和执行JavaScript脚本。方案2的iFrame最大的特性就是浏览器提供的原生的硬隔离方案。
两种架构相比较的话,方案1无法提供像iFrame一样的变量和样式的完美隔离,需要注意全局变量和样式的污染问题。对于非标准的AMD、UMD、SystemJS等加载方式的库会存在依赖问题(需要针对性改造)。对现有项目具有比较大的改造成本。而方案2的iFrame最大的特性就是浏览器提供的原生的硬隔离方式,不论是样式隔离、JavaScript脚本隔离这类问题统统都能被完美解决。由于是浏览器的原生支持,项目只需较小的改造成本。但方案2的最大问题也在于他的隔离性无法被突破,导致应用间上下文无法被共享,UI不统一,随之带来的开发体验、产品体验的问题。
发明内容
发明目的:针对上述iFrame微前端架构存在的问题,本发明目的在于提供一种基于带事件中心的组件库的iFrame微前端组件状态共享方法与装置,用来解决项目中遇到的内外组件状态共享,和UI体验的问题,从而改善隔离带来的体验及性能问题。
技术方案:为实现上述发明目的,本发明采用如下技术方案:
一种用于iFrame微前端架构的组件状态共享方法,所述方法通过在微前端项目的外层框架及各个子项目中引入带事件中心的组件库实现;
所述带事件中心的组件库在初始化时,在window.top上构建全局事件中心对象并存入各组件库的setState函数;所述全局事件中心对象包括一个callbackMap对象,用来存放各子应用和框架组件库setState函数的引用,各子应用的应用名称对应着该应用组件库的setState函数;
在子应用组件库的组件调用setState函数发布消息时,全局事件中心判断是否是全局事件,若是全局事件,则只发给框架的组件库,由框架的组件库进行UI展示;否则分发给其他所有子应用及框架的组件库,由订阅了该事件的组件处理,完成框架及所有子应用的组件库的状态同步。
进一步地,所述全局事件中心对象包括一个dispatch方法,用于接收组件库的setState函数发出的消息,并选择性的调用callbackMap中的setState函数。
进一步地,所述带事件中心的组件库在初始化时,通过入参或者根据window.top判断为微前端应用时,则在window.top上构建事件中心;若不是微前端应用则不部署事件中心。
进一步地,组件库的事件中心提供bind函数和setState函数;所述bind函数提供订阅方法,供组件库初始化的时候来订阅事件,所述setState函数用来向自己组件库的组件发布事件和对外发布消息;所述发布事件为触发bind函数在该事件上绑定的回调方法,所述对外发布消息为调用全局事件中心的dispatch方法将事件名称及关联数据发送到全局事件中心。
进一步地,所述全局事件包括展示时不受iFrame窗口大小限制的组件的相关事件,包括边缘弹出的消息框、全屏loading、全屏视频、可全屏拖动的弹窗。
基于相同的发明构思,本发明提供的一种用于iFrame微前端架构的组件状态共享装置,包括创建在微前端项目的外层框架及各个子项目中带事件中心的组件库;所述带事件中心的组件库包括初始化模块和状态同步模块;
所述初始化模块,用于在组件库初始化时,在window.top上构建全局事件中心对象并存入各组件库的setState函数;所述全局事件中心对象包括一个callbackMap对象,用来存放各子应用和框架组件库setState函数的引用,各子应用的应用名称对应着该应用组件库的setState函数;
所述状态同步模块,用于在子应用组件库的组件调用setState函数发布消息时,全局事件中心判断是否是全局事件,若是全局事件,则只发给框架的组件库,由框架的组件库进行UI展示;否则分发给其他所有子应用及框架的组件库,由订阅了该事件的组件处理,完成框架及所有子应用的组件库的状态同步。
基于相同的发明构思,本发明提供的一种计算机装置,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述计算机程序被加载至处理器时实现所述的用于iFrame微前端架构的组件状态共享方法。
有益效果:与现有技术相比,本发明具有如下优点:
1、微前端项目中所有子项目及框架的组件库可以自动进行状态的同步,解决了iFrame下子项目间及子项目和外层框架间的隔离状态。
2、组件库自动把全局事件上升到外层调用,解决iFrame下的微前端子项目无法全屏展示,UI效果不统一的问题,达到单一应用的体验效果。
附图说明
图1为本发明实施例的微前端项目结构图。
图2为本发明实施例中组件库的初始化流程图。
图3为本发明实施例中组件状态共享和消息传递流程图。
具体实施方式
下面将结合附图和具体实施例,对本发明的技术方案进行清楚、完整的描述。
本发明实施例公开的一种用于iFrame微前端架构的组件状态共享方法,主要通过在微前端项目的外层框架及各个子项目中引入带事件中心的组件库实现。本发明基于非跨域的场景,子项目可以访问到框架的window对象。图1为本发明实施例涉及的一个典型的微前端项目的结构图,项目由外层框架及多个子项目组成,框架及各子项目都引入了自带事件中心机制的组件库。各个子项目可以作为独立应用,此时组件库的事件中心不起作用。当子项目作为微前端子应用时,组件库的事件中心机制可以自动和外层框架及其他子项目的组件库进行通讯和共享状态。
组件库的事件中心有两个核心函数,bind函数和setState函数。其中,bind函数提供订阅方法,核心为EventBus的$on方法,供组件库初始化的时候来订阅事件。setState函数用来向自己组件库的组件发布事件和对外发布消息。两种动作可通过入参来区别。发布事件是调用EventBus的$emit方法,触发bind函数在该事件上绑定的回调方法。对外发布消息是调用全局事件中心的dispatch方法将事件名称及关联数据发送到全局事件中心,全局事件中心再将事件和数据通知微前端应用的框架及其他子项目的组件库。
图2展示了从加载应用到首页显示完成,组件库的初始化过程。在组件库初始化时,通过入参或者判断(如,window.self是否等于window.top或window.top的某个标识是不是true)为微前端应用时去window.top上构建一个事件中心,所有子应用及框架的事件中心会进行合并。
一般来说外层的框架的组件库会最先初始化,当window.top没有对应的全局事件中心时,会创建一个全局的事件中心对象,包括:1)一个callbackMap对象,用来存放各子应用和框架组件库setState函数的引用,各子应用的应用名称对应着该应用组件库的setState函数。2)一个set方法用来向callbackMap中添加子应用的setState函数引用。3)一个get方法用来获取callbackMap对象。4) 一个dispatch方法用来接收组件库的setState函数发出的消息,并分发消息,即选择性的调用callbackMap中的setState函数。
当某子应用的组件库初始化时,组件库的事件中心判断如果全局事件中心已存在,则调用全局事件中心的set方法将该组件库的setState引用存入事件中心。
图3展示了微前端应用的某个子应用组件库发生变化时,子应用的组件库间及子应用与框架的组件库间的状态共享和消息传递过程。主要包括:
1.当子应用组件库组件发生变化,组件会自动调用事件中心的setState发布消息。setState会调用全局事件中心的dispatch方法,dispatch先通过全局事件中心的get方法获取到存放所有组件库的setState函数引用的callbackMap对象。
2.dispatch判断是否是全局事件(可通过约定的事件名称确定),如果是全局事件,全局事件主要指展示时不受iFrame窗口大小限制的组件的相关事件,如边缘弹出的消息框、全屏loading、全屏视频、可全屏拖动的弹窗等,则只发给框架的组件库,即只调用callbackMap中框架组件库的setState函数,由框架的组件库进行UI展示。
3.如果是非全局事件,即通用事件,这分发给其他所有子应用及框架的组件库。即调用callbackMap中其他所有子应用及框架的组件库的setState函数。
4.如果组件库中的某组件订阅了这个事件,就会触发初始化时通过订阅函数bind注册的回调方法,改变状态,完成微前端的框架及所有子应用的组件库的状态同步。
基于相同的发明构思,本发明实施例提供的一种用于iFrame微前端架构的组件状态共享装置,包括创建在微前端项目的外层框架及各个子项目中带事件中心的组件库;其中带事件中心的组件库包括初始化模块和状态同步模块;初始化模块,用于在组件库初始化时,在window.top上构建全局事件中心对象并存入各组件库的setState函数;状态同步模块,用于在子应用组件库的组件调用setState函数发布消息时,全局事件中心判断是否是全局事件,若是全局事件,则只发给框架的组件库,由框架的组件库进行UI展示;否则分发给其他所有子应用及框架的组件库,由订阅了该事件的组件处理,完成框架及所有子应用的组件库的状态同步。各模块的具体实施细节参见上述方法实施例,此处不再赘述。
基于相同的发明构思,本发明实施例提供的一种计算机装置,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,该计算机程序被加载至处理器时实现上述的用于iFrame微前端架构的组件状态共享方法实施例的各个步骤。
Claims (10)
1.一种用于iFrame微前端架构的组件状态共享方法,其特征在于,所述方法通过在微前端项目的外层框架及各个子项目中引入带事件中心的组件库实现;
所述带事件中心的组件库在初始化时,在window.top上构建全局事件中心对象并存入各组件库的setState函数;所述全局事件中心对象包括一个callbackMap对象,用来存放各子应用和框架组件库setState函数的引用,各子应用的应用名称对应着该应用组件库的setState函数;
在子应用组件库的组件调用setState函数发布消息时,全局事件中心判断是否是全局事件,若是全局事件,则只发给框架的组件库,由框架的组件库进行UI展示;否则分发给其他所有子应用及框架的组件库,由订阅了该事件的组件处理,完成框架及所有子应用的组件库的状态同步。
2.根据权利要求1所述的用于iFrame微前端架构的组件状态共享方法,其特征在于,所述全局事件中心对象包括一个dispatch方法,用于接收组件库的setState函数发出的消息,并选择性的调用callbackMap中的setState函数。
3.根据权利要求1所述的用于iFrame微前端架构的组件状态共享方法,其特征在于,所述带事件中心的组件库在初始化时,通过入参或者根据window.top判断为微前端应用时,则在window.top上构建事件中心;若不是微前端应用则不部署事件中心。
4.根据权利要求1所述的用于iFrame微前端架构的组件状态共享方法,其特征在于,组件库的事件中心提供bind函数和setState函数;所述bind函数提供订阅方法,供组件库初始化的时候来订阅事件,所述setState函数用来向自己组件库的组件发布事件和对外发布消息;所述发布事件为触发bind函数在该事件上绑定的回调方法,所述对外发布消息为调用全局事件中心的dispatch方法将事件名称及关联数据发送到全局事件中心。
5.根据权利要求1所述的用于iFrame微前端架构的组件状态共享方法,其特征在于,所述全局事件包括展示时不受iFrame窗口大小限制的组件的相关事件,包括边缘弹出的消息框、全屏loading、全屏视频、可全屏拖动的弹窗。
6.一种用于iFrame微前端架构的组件状态共享装置,其特征在于,包括创建在微前端项目的外层框架及各个子项目中带事件中心的组件库;所述带事件中心的组件库包括初始化模块和状态同步模块;
所述初始化模块,用于在组件库初始化时,在window.top上构建全局事件中心对象并存入各组件库的setState函数;所述全局事件中心对象包括一个callbackMap对象,用来存放各子应用和框架组件库setState函数的引用,各子应用的应用名称对应着该应用组件库的setState函数;
所述状态同步模块,用于在子应用组件库的组件调用setState函数发布消息时,全局事件中心判断是否是全局事件,若是全局事件,则只发给框架的组件库,由框架的组件库进行UI展示;否则分发给其他所有子应用及框架的组件库,由订阅了该事件的组件处理,完成框架及所有子应用的组件库的状态同步。
7.根据权利要求1所述的用于iFrame微前端架构的组件状态共享装置,其特征在于,所述全局事件中心对象包括一个dispatch方法,用于接收组件库的setState函数发出的消息,并选择性的调用callbackMap中的setState函数。
8.根据权利要求1所述的用于iFrame微前端架构的组件状态共享装置,其特征在于,组件库的事件中心提供bind函数和setState函数;所述bind函数提供订阅方法,供组件库初始化的时候来订阅事件,所述setState函数用来向自己组件库的组件发布事件和对外发布消息;所述发布事件为触发bind函数在该事件上绑定的回调方法,所述对外发布消息为调用全局事件中心的dispatch方法将事件名称及关联数据发送到全局事件中心。
9.根据权利要求1所述的用于iFrame微前端架构的组件状态共享装置,其特征在于,所述全局事件包括展示时不受iFrame窗口大小限制的组件的相关事件,包括边缘弹出的消息框、全屏loading、全屏视频、可全屏拖动的弹窗。
10.一种计算机装置,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述计算机程序被加载至处理器时实现根据权利要求1-5任一项所述的用于iFrame微前端架构的组件状态共享方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110935983.8A CN113626124B (zh) | 2021-08-16 | 2021-08-16 | 一种用于iFrame微前端架构的组件状态共享方法与装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110935983.8A CN113626124B (zh) | 2021-08-16 | 2021-08-16 | 一种用于iFrame微前端架构的组件状态共享方法与装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113626124A true CN113626124A (zh) | 2021-11-09 |
CN113626124B CN113626124B (zh) | 2024-03-08 |
Family
ID=78385574
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110935983.8A Active CN113626124B (zh) | 2021-08-16 | 2021-08-16 | 一种用于iFrame微前端架构的组件状态共享方法与装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113626124B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114327688A (zh) * | 2022-03-15 | 2022-04-12 | Tcl通讯科技(成都)有限公司 | 基于微前端的数据处理方法、框架、存储介质及终端设备 |
CN115167730A (zh) * | 2022-05-20 | 2022-10-11 | 阿里巴巴(中国)有限公司 | 页面处理方法、装置及电子设备 |
US11778045B2 (en) | 2021-07-12 | 2023-10-03 | Red Hat, Inc. | Communication system for micro-frontends of a web application |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109491653A (zh) * | 2018-11-21 | 2019-03-19 | 泰康保险集团股份有限公司 | 微服务架构下的组件共享方法、装置、电子设备 |
CN109542537A (zh) * | 2018-11-15 | 2019-03-29 | 江苏东洲物联科技有限公司 | 一种基于微服务化架构的边缘计算网关 |
CN109669671A (zh) * | 2018-12-07 | 2019-04-23 | 中国人民解放军国防科技大学 | 一种基于微服务的多层次自适应方法 |
CN110942387A (zh) * | 2018-09-25 | 2020-03-31 | 上海宝信软件股份有限公司 | 基于微服务的电票业务功能构建方法和系统 |
CN111176628A (zh) * | 2019-12-19 | 2020-05-19 | 福建天泉教育科技有限公司 | 组件化架构下的前端接入方法、存储介质 |
CN111913734A (zh) * | 2020-08-06 | 2020-11-10 | 中国电子系统技术有限公司 | 一种基于微服务技术体系的在线开发平台 |
CN112000448A (zh) * | 2020-07-17 | 2020-11-27 | 北京计算机技术及应用研究所 | 基于微服务架构的应用管理方法 |
CN112153133A (zh) * | 2020-09-18 | 2020-12-29 | 苏州浪潮智能科技有限公司 | 一种数据共享方法、设备以及介质 |
CN112363857A (zh) * | 2021-01-12 | 2021-02-12 | 恒生电子股份有限公司 | 微前端架构的应用系统、同步方法、存储介质和设备 |
CN112817568A (zh) * | 2021-02-02 | 2021-05-18 | 中国工商银行股份有限公司 | 微框架下的子应用样式设置方法及装置 |
CN112988153A (zh) * | 2021-03-17 | 2021-06-18 | 薪得付信息技术(上海)有限公司 | 基于微前端的数据处理方法及框架 |
-
2021
- 2021-08-16 CN CN202110935983.8A patent/CN113626124B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110942387A (zh) * | 2018-09-25 | 2020-03-31 | 上海宝信软件股份有限公司 | 基于微服务的电票业务功能构建方法和系统 |
CN109542537A (zh) * | 2018-11-15 | 2019-03-29 | 江苏东洲物联科技有限公司 | 一种基于微服务化架构的边缘计算网关 |
CN109491653A (zh) * | 2018-11-21 | 2019-03-19 | 泰康保险集团股份有限公司 | 微服务架构下的组件共享方法、装置、电子设备 |
CN109669671A (zh) * | 2018-12-07 | 2019-04-23 | 中国人民解放军国防科技大学 | 一种基于微服务的多层次自适应方法 |
CN111176628A (zh) * | 2019-12-19 | 2020-05-19 | 福建天泉教育科技有限公司 | 组件化架构下的前端接入方法、存储介质 |
CN112000448A (zh) * | 2020-07-17 | 2020-11-27 | 北京计算机技术及应用研究所 | 基于微服务架构的应用管理方法 |
CN111913734A (zh) * | 2020-08-06 | 2020-11-10 | 中国电子系统技术有限公司 | 一种基于微服务技术体系的在线开发平台 |
CN112153133A (zh) * | 2020-09-18 | 2020-12-29 | 苏州浪潮智能科技有限公司 | 一种数据共享方法、设备以及介质 |
CN112363857A (zh) * | 2021-01-12 | 2021-02-12 | 恒生电子股份有限公司 | 微前端架构的应用系统、同步方法、存储介质和设备 |
CN112817568A (zh) * | 2021-02-02 | 2021-05-18 | 中国工商银行股份有限公司 | 微框架下的子应用样式设置方法及装置 |
CN112988153A (zh) * | 2021-03-17 | 2021-06-18 | 薪得付信息技术(上海)有限公司 | 基于微前端的数据处理方法及框架 |
Non-Patent Citations (1)
Title |
---|
杨彩芳: ""基于微前端的旅行社业务支撑系统的设计与实现"", 《中国优秀硕士学位论文全文数据库 信息科技辑》, 15 September 2019 (2019-09-15), pages 139 - 147 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US11778045B2 (en) | 2021-07-12 | 2023-10-03 | Red Hat, Inc. | Communication system for micro-frontends of a web application |
CN114327688A (zh) * | 2022-03-15 | 2022-04-12 | Tcl通讯科技(成都)有限公司 | 基于微前端的数据处理方法、框架、存储介质及终端设备 |
CN114327688B (zh) * | 2022-03-15 | 2022-07-08 | Tcl通讯科技(成都)有限公司 | 基于微前端的数据处理方法、框架、存储介质及终端设备 |
CN115167730A (zh) * | 2022-05-20 | 2022-10-11 | 阿里巴巴(中国)有限公司 | 页面处理方法、装置及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN113626124B (zh) | 2024-03-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113626124B (zh) | 一种用于iFrame微前端架构的组件状态共享方法与装置 | |
US11144711B2 (en) | Webpage rendering method, device, electronic apparatus and storage medium | |
US20130066947A1 (en) | System and Method for Managing Applications for Multiple Computing Endpoints and Multiple Endpoint Types | |
CN111506412A (zh) | 基于Airflow的分布式异步任务构建、调度系统及方法 | |
US11436066B2 (en) | System for offline object based storage and mocking of rest responses | |
WO2020119800A1 (zh) | 一种列表显示方法、装置、设备及存储介质 | |
WO2020238344A1 (zh) | 基于区块链的sdk快速集成方法、装置、设备及存储介质 | |
CN112597249B (zh) | 一种业务数据的同步分发存储方法及系统 | |
CN112260853B (zh) | 容灾切换方法、装置、存储介质及电子设备 | |
CN102999608A (zh) | 大数据的树表展现系统和树表展现方法 | |
CN105955714A (zh) | 混合开发前端mvc框架实现方法和系统 | |
CN109582317B (zh) | 用于调试寄宿应用的方法和装置 | |
CN111782192B (zh) | 一种混合模式开发移动办公系统的方法 | |
CN109857489B (zh) | 基于Android系统的开发系统、解耦方法和装置 | |
CN111064626A (zh) | 配置更新方法、装置、服务器及可读存储介质 | |
CN108933947B (zh) | 弹幕显示方法及装置 | |
CN103870280B (zh) | 基于flex与jsp的网页无缝结合处理方法 | |
CN112052001B (zh) | App客户端的ui动态显示设计架构、方法、设备及存储介质 | |
US20160170739A1 (en) | Alter application behaviour during runtime | |
CN110673827B (zh) | 基于安卓系统的资源调用方法及装置、电子设备 | |
CN115809056B (zh) | 组件复用实现方法、装置和终端设备、可读存储介质 | |
WO2023179183A1 (zh) | 子程序同步处理 | |
CN112764746A (zh) | 数据处理方法、装置、电子设备及存储介质 | |
US11301538B1 (en) | Data management in multi-application web pages | |
CN110908745B (zh) | 数据分析展示方法及系统、存储介质、服务器及客户端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |