前端-微前端

什么是微前端？

单实例：

即同一时刻只要一个子应用被展示，子应用具备一个完整的生命周期

多实例：

通常用URL的转换来切换子应用

系统的稳定性
        当一个实际的系统处于一个平衡的状态时,如果受到外来作用的影响时,系统经过一个过渡过程仍然能够回到原来的平衡状态,我们称这个系统就是稳定的,否则称系统不稳定

系统的健壮性
     计算机软件在输入错误、磁盘故障、网络过载或有意攻击情况下,能否不死机、不崩溃就是该软件健壮性的具体表现。
     解释:一个系统容错能力强,运行不易被干扰,安全性好

微前端的实现方式对比？

1、Iframe

 优势：

         技术成熟

        支持页面嵌入

        天然支持运行沙箱隔离、独立运行

 劣势:       

        页面之间可以是不同的域名

        需要对应的设计一套应用通讯机制,如何监听、传参格式等内容

        应用加载、渲染、缓存等体系的实现

2、web component

        

优势:

        支持自定义元素w. 51 xuebc. o

        支持shadow dom ,并可通过关联进行控制

        支持模板template和插槽slot ,引入自定义组件内容

劣势

接入微前端需要重写当前项目

生态系统不完善,技术过新容易出现兼容性问题

整体架构设计复杂,组件与组件之间拆分过细时,容易造成通讯和控制繁琐

3、自研框架

优势：

高度定制化,满足需要做兼容的一切场景

独立的通信机制和沙箱运行环境,可解决应用之间相互影响的问题支持不同技术栈子应用,可无缝实现页面无刷新渲染

劣势：

技术实现难度较高

需要设计一套定制的通信机制

首次加载会出现资源过大的情况