首页 > 其他分享 >微前端解决方案

微前端解决方案

时间:2023-03-22 11:55:57浏览次数:58  
标签:方案 解决方案 前端 qiankun micro 应用 app

微前端已经是一个非常成熟的领域了,但开发者不管采用哪个现有方案,在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题,或无法提供支持。本文提供一种基于 iframe 的全新微前端方案,完善的解决了这些核心诉求。

将微前端做到极致-无界微前端方案
微前端(无界)

qiankun 方案

qiankun 方案是基于 single-spa 的微前端方案
qiankun 快速开始

micro-app 方案

micro-app 是基于 webcomponent + qiankun sandbox 的微前端方案。
micro-app 快速开始

EMP 方案

MP 方案是基于 webpack 5 module federation 的微前端方案。

无界方案

总结

无界微前端采用 webcomponent + iframe 的来加载子应用,具有成本低、速度快、原生隔离、功能强大等一系列优点,在满足用户核心诉求的同时让使用微前端的体验就像使用普通组件一样简单,极大的降低了使用门槛。

标签:方案,解决方案,前端,qiankun,micro,应用,app
From: https://www.cnblogs.com/boyGdm/p/17243225.html

相关文章

  • JavaScript 超大文件上传解决方案:分片断点上传(一)
    ​IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag      ......
  • Chrome公网访问本地服务跨域问题【解决方案】
    第一步:在chrome浏览器地址栏输入:chrome://flags/#block-insecure-private-network-requests,打回车 ,打回车。......
  • JS 超大文件上传解决方案:分片断点上传(一)
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传......
  • 前端面试题(new)未完待续
    1,vue计算属性computed和watch的区别有哪些?区别:1、计算属性在调用时需要在模板中渲染,修改计算所依赖元数据;watch在调用时只需修改元数据。2、计算属性默认深度依赖,watch默......
  • 前端HTML/CSS模板
    在写HTML项目的时候可以参考下面的模板:1)效果/HTML代码/CSS样式HTML代码CSS样式:2)效果:HTML代码:CSS样式:......
  • 前端设计模式——模板方法模式
    模板方法模式(TemplateMethodPattern):定义一个行为的骨架,而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个行为的结构即可重定义该行为的某些特定步骤。这些步......
  • 在京东如何做好前端系统的可观测性
    作者:京东科技王亚森前言本文旨在从0到1的讲述一下我们团队在做系统可观测性过程中所沉淀下来的一整套解决方案,收效甚巨,不敢苟藏,当公之于众,共建吾辈光明之未来。先讲一......
  • 前端切图之svg图标的复用基于defs和use 亲测有用
    切图网长期致力于web前端开发外包服务,而我们也关注到现在图标很多时候采用svg更多一点,然后图标字体文件已经提供了很多种类的图标,不过采用svg图标可以自行选择更符合、更好......
  • chatGPT充当前端智能思路助手
    替代:百度、谷歌人工搜索1、我想让你充当前端开发专家。我将提供一些关于Js、Node等前端代码问题的具体信息,而你的工作就是想出为我解决问题的策略。这可能包括建议代码、......
  • 记录--前端加载超大图片(100M以上)实现秒开解决方案
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言前端加载超大图片时,一般可以采取以下措施实现加速:图片压缩:将图片进行压缩可以大幅减小图片的大小,......