认识达内从这里开始

认真做教育专心促就业

贵阳达内微前端开发应用都有哪些特点

发布：贵阳达内培训
来源：互联网
时间：2021-08-12 10:23

微前端编程开发是随着互联网的不断发展而逐渐被程序员掌握的一种编程开发方式，下面我们就一起来了解一下，微前端开发应用都有哪些特点。

贵阳达内微前端开发应用都有哪些特点

大家对iframe这个HTML元素又爱又恨，但实际上它们提供了极其有用的、坚如磐石的沙箱行为。但在使用iframe时还有很多问题需要注意，这些问题可能会对我们应用的行为和功能产生影响：

iframe在大小控制和自身布局方面有一些众所周知的怪癖。

当然，CSS会与iframe完全隔离，这有利有弊。

浏览器的“后退”按钮将正常工作，但是iframe的当前导航状态不会反映在页面的URL中，所以我们既不能通过剪切和粘贴URL来使微应用状态与宏应用保持一致，也无法对其进行深层链接。

根据我们的CORS设置，从外部与iframe通信可能需要通过postMessage协议。

必须处理跨iframe边界的身份验证事宜。

一些屏幕阅读器可能会在iframe边界出错，或者需要iframe具有可以向用户告知的标题。

如果不使用iframe的话，上面的某些问题也可以避免或减轻，我们稍后会讨论这种替代方法。

从正面的角度来说，iframe有自己独立的Content-Security-Policy(内容安全政策，CSP)。另外，如果iframe指向的微应用使用了ServiceWorker或实现了服务端渲染，那么一切都会按照预期正常工作。我们还可以为iframe指定各种沙箱选项以限制其能力，例如禁止导航到顶部框架等。

一些浏览器已经支持，或正在计划为iframe支持loading=lazy属性，该属性会推迟加载非屏的iframe，直到用户将页面滚动到它们附近才开始加载，但这并未提供对延迟加载的细粒度控制，这种控制才是我们想要的。

iframe的真正问题在于，它们的内容需要多个网络请求才能获取。先接收顶级的index.html，然后加载它的脚本，接下来解析它的HTML——但是随后，浏览器必须为iframe的HTML发送另一个请求，等待接收它，解析并加载其脚本，然后渲染iframe的内容。在许多情况下，iframe的JavaScript也得单独加载，调用自己的API;等到这些API调用返回，为视图准备的数据处理完毕之后才能显示出有意义的数据。

这可能会导致我们不希望看到的延迟和渲染伪像，尤其在涉及多个微应用时更容易出现这类问题。如果iframe的应用实现了SSR还能好一些，但还是不能避免额外的往返行程。

因此，我们在设计门户实现时面临的一项主要挑战就是处理往返问题。我们的目标是，只用单个网络请求就获取整个页面和页面上的所有微应用(包括每个微应用会填充的内容)。这个问题的解决方案就是Yumcha服务器。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。

< 上一篇：贵阳达内web前端开发都有哪些常用工具

下一篇：贵阳达内java编程类加载步骤 >