课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
随着互联网的不断发展,程序员能够掌握的编程开发方法也在不断的增加,而今天我们就一起来了解一下,web前端开发中微前端的技术架构包含哪些内容。
whynotiframe
其实从浏览器原生的方案来说,iframe不从体验角度上来看几乎是可靠的微前端方案了,主应用通过iframe来加载子应用,iframe自带的样式、环境隔离机制使得它具备天然的沙盒机制,但也是由于它的隔离性对用于体验带来了一些副作用:
视窗大小不同步(例如我们在iframe内的弹窗想要居中展示)登录态cookie同步问题子应用间通信问题大量组件重复
SPA微前端架构
从iframe的用户体验我们很难将其作为微前端的标准方案,那我们自己要做一套微前端框架具体要做哪些事情呢,从iframe功能我们大致能够了解到,微服务框架需要具备以下几个功能:
子应用加载器(Loader)路由控制(Router)沙盒隔离(Sandbox)子应用通信(Store)
主工程基座
微前端架构必须有一个主工程基座,基座主要是做为承载子应用的容器,子应用通过导出对应的格式,主应用在进入到对应路由时加载对应的子应用。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。