课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
微前端架构开发技术是大多数程序员在学习web前端编程的时候都需要重点掌握的一个技术知识,下面我们就通过案例分析来了解一下,微前端模式的好处和架构细节。
微前端模式的好处包括:
微前端架构可能更简洁,因此更易于推理和管理。
多个独立的开发团队更容易协同开发单个前端应用。
微前端模式可以让“新”应用与"旧"应用并行工作,从而提供了一种迁移手段。
基于存根的微应用控件
回到客户端,在我们实现微应用的过程中,要做到高效、延迟加载和无垃圾的渲染还有一个重要的层面需要关注。我们可以使用src属性(发出另一个网络请求),或使用srcdoc属性(由服务器为我们填充内容)来为每个微应用生成iframe标记。但是在这两种情况下,这个iframe中的代码都会立即启动,包括加载其所有脚本和链接标签、引导程序、任何初始API调用以及相关的数据处理——即使这个微应用根本没有被用户访问过。
我们针对此问题的解决方案是,一开始将页面上的微应用表示为较小的未激活存根,等待将来激活。可以使用未充分利用的Intersection-ObserverAPI,通过微应用的视图区域来激活,或者更常见的是通过外部发送的预先通知来激活。当然,我们也可以指定立即激活微应用。
微前端架构:细节决定成败
如果(a)事实证明微前端是一种更好的架构方法,并且(b)我们可以弄清楚如何在实现它们的过程中满足当今Web领域的众多实际需求,微前端就可以在Web应用的生态系统中打下基础。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。