什么是微前端?
单实例:
即同一时刻只要一个子应用被展示,子应用具备一个完整的生命周期
多实例:
通常用URL的转换来切换子应用
系统的稳定性
当一个实际的系统处于一个平衡的状态时,如果受到外来作用的影响时,系统经过一个过渡过程仍然能够回到原来的平衡状态,我们称这个系统就是稳定的,否则称系统不稳定
系统的健壮性
计算机软件在输入错误、磁盘故障、网络过载或有意攻击情况下,能否不死机、不崩溃就是该软件健壮性的具体表现。
解释:一个系统容错能力强,运行不易被干扰,安全性好
微前端的实现方式对比?
1、Iframe
优势:
技术成熟
支持页面嵌入
天然支持运行沙箱隔离、独立运行
劣势:
页面之间可以是不同的域名
需要对应的设计一套应用通讯机制,如何监听、传参格式等内容
应用加载、渲染、缓存等体系的实现
2、web component
优势:
支持自定义元素w. 51 xuebc. o
支持shadow dom ,并可通过关联进行控制
支持模板template和插槽slot ,引入自定义组件内容
劣势
接入微前端需要重写当前项目
生态系统不完善,技术过新容易出现兼容性问题
整体架构设计复杂,组件与组件之间拆分过细时,容易造成通讯和控制繁琐
3、自研框架
优势:
高度定制化,满足需要做兼容的一切场景
独立的通信机制和沙箱运行环境,可解决应用之间相互影响的问题支持不同技术栈子应用,可无缝实现页面无刷新渲染
劣势:
技术实现难度较高
需要设计一套定制的通信机制
首次加载会出现资源过大的情况