微前端之 二 常用框架对比

这篇具有很好参考价值的文章主要介绍了微前端之 二 常用框架对比。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、single-spa


single-spa 由 CanopyTax 开发,是一个用于构建微前端架构的JavaScript 前端框架,它可以将多个单页应用(SPA)集成为一个整体。
官方文档:https://qiankun.umijs.org/zh/
优点:

  1. 在同一页面上使用多个前端框架 而不用刷新页面
  2. 独立部署每一个单页面应用
  3. 新功能使用新框架,旧的单页应用不用重写可以共存
  4. 改善初始加载时间,延迟加载代码

缺点:

  1. 不支持Js沙箱、样式隔离,容易会出现Js冲突,样式污染等
  2. 不支持元素隔离、预加载等
  3. 集成复杂

 二、qiankun

qiankun (蚂蚁金服)它是一个基于 single-spa 的微前端实现库,它可以帮助开发者将多个独立的前端应用集成为一个整体.

官方文档:https://qiankun.umijs.org/zh/
优点:

  1. 灵活性高:支持多种框架多种构建工具;
  2. 代码库隔离:代码库隔离性较高;
  3. 独立性强:子应用可独立开发、独立部署,不会相互影响;
  4. 应用通信:子应用间通信灵活。

缺点:

  1. 适配成本比较高:生命周期、静态资源路径、路由等都要做一系列的适配工作;
  2. 沙箱: css 沙箱采用严格隔离会有各种问题,js 沙箱执行性能下降严重;
  3. 应用保活:无法同时激活多个子应用,也不支持子应用保活;

三、micro-app

micro-app (京东)是一个基于 Web Components 的前端微服务框架,支持多种前端框架.

官方文档:https://zeroing.jd.com/micro-app/docs.html#/

优点:

  1. 兼容所有框架
  2. 灵活性高
  3. 高度可定制,灵活性强
  4. 零依赖
  5. 开箱即用:提供了is沙箱、样式隔离、元素隔离、预加载、数据通信、静态资源补全等一系列完善的功能

缺点:

  1. 需要时间学习
  2. 对于不支持 webcompnent 的浏览器没有做降级处理

四、wujie

wujie(腾讯)是一款基于 Web Components + iframe 的微前端架,具备成本低、速度快、原生隔离、功能强等优点
官方文档:https://wujie-micro.github.io/doc/api/bus.html
优点

  1. 极速
  2. 应用保活
  3. 简单
  4. 原生隔离
  5. 原生性能
  6. 开箱即用

缺点

  1. 需要时间学习
  2. 对于不支持 webcompnent 的浏览器没有做降级处理
  3. 目前还比较新,社区相对不够活跃

五、对比

微前端框架有哪些,微前端,前端,javascript,前端框架

wujie(腾讯)对比项目与Micro App (京东)一样,均支持,但是目前官方文档以及可查询文档较少,这里就建议使用Micro App (京东)。文章来源地址https://www.toymoban.com/news/detail-535824.html

到了这里,关于微前端之 二 常用框架对比的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端(十一)——Vue vs. React:两大前端框架的深度对比与分析

    😊博主:小猫娃来啦 😊文章核心: Vue vs. React:两大前端框架的深度对比与分析 在当今快速发展的前端领域中,Vue和React作为两个备受瞩目的前端框架,已经成为许多开发者的首选。这两个框架凭借其出色的设计和强大的功能,在构建现代化、高效性能的Web应用方面扮演着

    2024年02月14日
    浏览(54)
  • web前端框架Javascript之JavaScript 异步编程史

    早期的 Web 应用中,与后台进行交互时,需要进行 form 表单的提交,然后在页面刷新后给用户反馈结果。在页面刷新过程中,后台会重新返回一段 HTML 代码,这段 HTML 中的大部分内容与之前页面基本相同,这势必造成了流量的浪费,而且一来一回也延长了页面的响应时间,总

    2024年02月14日
    浏览(54)
  • React与Vue性能对比:两大前端框架的性能

    React和Vue是当今最流行的两个前端框架,它们在性能方面都有着出色的表现。 React的加载速度: 初次加载:由于React使用了虚拟DOM(Virtual DOM)技术,它可以通过比较虚拟DOM树与实际DOM树的差异来进行高效的重绘。这使得React在初次加载时相对较快,因为它只会更新需要修改的

    2024年02月03日
    浏览(51)
  • 前端JavaScript企业框架的全面解析

    在现代Web开发中,前端JavaScript框架扮演着至关重要的角色。它们提供了丰富的功能和工具,帮助开发人员构建功能强大且易于维护的企业级应用程序。本篇博客将全面解析前端JavaScript企业框架,介绍其优势、使用场景和常见的框架选择。 前端JavaScript企业框架是一套用于构建

    2024年02月12日
    浏览(41)
  • Vue VS React:两大前端框架的对比与分析

    Vue和React是当前最流行的前端框架之一,它们都有着广泛的应用和开发者社区。下面是Vue和React之间的深度对比与分析: 学习曲线: Vue:Vue拥有简单直观的API和文档,对初学者友好。Vue的设计初衷是逐步增强的,可以从小规模项目逐渐扩展到大规模应用。 React:React的学习曲

    2024年02月14日
    浏览(45)
  • JavaScript与前端框架Element UI

    一、JavaScript概述 JavaScript(简称JS)是一种轻量级、解释性的、基于对象的脚本语言,用于Web开发中的客户端脚本。它是HTML和CSS的一部分,用于在浏览器中实现动态交互。 JavaScript最初由Netscape公司的Brendan Eich于1995年开发,旨在为网页添加动态内容。不同于编译型语言如Java和

    2024年04月29日
    浏览(42)
  • 30个前端开发中常用的JavaScript函数

    🧑‍💻作者名称:DaenCode 🎤作者简介:啥技术都喜欢捣鼓捣鼓,喜欢分享技术、经验、生活。 😎人生感悟:尝尽人生百味,方知世间冷暖。 在前端开发中通常会用到校验函数,检验是否为空、手机号格式、身份证格式等等。现按照用途分类整理出了30个常用的方法,在V

    2024年02月14日
    浏览(45)
  • 前端UI框架有哪些|20个优秀免费开源的WEB前端UI框架提高网站开发效率

    最近准备学习一下前端UI我也是在网上找了很久最终整理出来了20个不错的前端UI框架网站,大家都知道很多成熟的前端框架可以直接引,学习框架可以提升我们网站的开发速度。有些大型公司的前端或者后端框架都是用自己开发的,对于大部分用户和公司来讲,我们可以用开

    2024年02月06日
    浏览(65)
  • 什么是Java集合框架,它有哪些常用的集合类?

    Java集合框架是一个非常实用的工具,它可以帮助我们更方便地处理数据。在Java中,集合类是一种特殊类型的对象,它们可以存储多个对象,并提供一些常用的操作方法,例如添加、删除、查找等。 Java集合框架它是一组用于处理数据结构的工具类,包括数组、列表、映射、堆

    2024年02月13日
    浏览(48)
  • Python常用框架有哪些?(一篇文章给你讲透)

    Python是一种简单的编程语言,易于学习,在开发的过程中提供了很多中不同的框架供我们学习,今天的这篇文章就带大家了解有哪些框架是好用的,值得我们学习的,有需要的小伙伴可以一起来看看这篇文章哦。 1、Django框架 在Python中,是可以进行web的开发操作的,在开发的

    2024年02月07日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包