微前端 | 您所在的位置:网站首页 › 微前端优势 › 微前端 |
微前端价值
什么是微前端
首先需要知道的一点,微前端的概念其实来源于微服务。 为了解决庞大的一整块后端服务带来的变更与扩展方面的限制,出现了微服务架构(Microservices)。然而,越来越重的前端工程也面临同样的问题,自然地想到了将微服务的思想应用到前端,于是就又了微前端(micro-frontend)的概念。 微前端是一种架构风格,即,一种由独立交付的多个前端应用组成整体的架构风格。具体的,旨在将前端应用程序细分为更小的、可独立开发、测试和部署的部分,从而使团队能够更轻松地构建和维护复杂的前端应用程序。而在用户看来仍然是内聚的单个产品。 微前端的优势 可维护性:每个子应用都可以独立开发和维护,使得整个应用的维护更加简单和高效。 可扩展性:新增功能可以通过开发一个新的子应用来实现,而不需要修改整个应用,从而提高了应用的可扩展性。 可重用性:每个子应用都可以独立运行,可以被复用在不同的应用中,从而提高了代码的可重用性。 性能优化:微前端可以通过按需加载子应用来优化应用性能,减少首次加载时间和减轻浏览器负担。 技术栈灵活性:由于每个子应用可以独立开发,因此可以选择不同的技术栈,从而提高了技术栈的灵活性。 框架无关。 微前端方案 Single-SPAsingle-spa 是一个通用的微前端框架,可以与各种前端框架(如 React、Vue、Angular)搭配使用,用于将不同的应用程序整合到一个单一页面中。它利用了浏览器自带的模块系统,实现了动态加载和卸载应用程序的能力。在单页面应用中使用 single-spa 可以有效地提高应用的可维护性和扩展性。 简单点说,它解决了主、子应用如何加载的问题。 qiankun在 Single-SPA 的基础上增加了沙箱的处理,以及周边基建的建设(例如 sandbox、prefetch、将 HTML 中的 js 和 css 解析出来等等) IceStark来源于淘宝技术部,以前的版本是基于 React 开发,可以将 IceStark 看作是一个专门针对 React 多页面应用的微前端框架,但是后续的版本也支持多框架。 |
CopyRight 2018-2019 实验室设备网 版权所有 |