微前端 您所在的位置:网站首页 微前端优势 微前端

微前端

2023-04-25 03:41| 来源: 网络整理| 查看: 265

微前端价值 什么是微前端

首先需要知道的一点,微前端的概念其实来源于微服务。

为了解决庞大的一整块后端服务带来的变更与扩展方面的限制,出现了微服务架构(Microservices)。然而,越来越重的前端工程也面临同样的问题,自然地想到了将微服务的思想应用到前端,于是就又了微前端(micro-frontend)的概念。

微前端是一种架构风格,即,一种由独立交付的多个前端应用组成整体的架构风格。具体的,旨在将前端应用程序细分为更小的、可独立开发、测试和部署的部分,从而使团队能够更轻松地构建和维护复杂的前端应用程序。而在用户看来仍然是内聚的单个产品。

微前端的优势 可维护性:每个子应用都可以独立开发和维护,使得整个应用的维护更加简单和高效。 可扩展性:新增功能可以通过开发一个新的子应用来实现,而不需要修改整个应用,从而提高了应用的可扩展性。 可重用性:每个子应用都可以独立运行,可以被复用在不同的应用中,从而提高了代码的可重用性。 性能优化:微前端可以通过按需加载子应用来优化应用性能,减少首次加载时间和减轻浏览器负担。 技术栈灵活性:由于每个子应用可以独立开发,因此可以选择不同的技术栈,从而提高了技术栈的灵活性。 框架无关。 微前端方案 Single-SPA

single-spa 是一个通用的微前端框架,可以与各种前端框架(如 React、Vue、Angular)搭配使用,用于将不同的应用程序整合到一个单一页面中。它利用了浏览器自带的模块系统,实现了动态加载和卸载应用程序的能力。在单页面应用中使用 single-spa 可以有效地提高应用的可维护性和扩展性。

简单点说,它解决了主、子应用如何加载的问题。

qiankun

在 Single-SPA 的基础上增加了沙箱的处理,以及周边基建的建设(例如 sandbox、prefetch、将 HTML 中的 js 和 css 解析出来等等)

IceStark

来源于淘宝技术部,以前的版本是基于 React 开发,可以将 IceStark 看作是一个专门针对 React 多页面应用的微前端框架,但是后续的版本也支持多框架。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有