微前端开发

已于 2023-02-22 18:16:47 修改
阅读量106 收藏
点赞数
分类专栏： 前端工程化 文章标签： javascript
于 2023-02-21 09:42:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yexudengzhidao/article/details/129136205
版权
微前端作为应对庞大巨石应用的解决方案，允许独立开发、运行和部署的小型应用聚合为整体。本文探讨了微前端的背景，如微服务的影响，以及当前流行的框架，如single-spa和qiankun，后者是阿里巴巴推出的增强版微前端框架，提供JS沙箱、CSS隔离等特性。
摘要由CSDN通过智能技术生成

为什么是微前端

微前端产生的背景：

  • 微服务
    在这里插入图片描述
    在这里插入图片描述

  • 微前端的产生

最低0.47元/天 解锁文章
. . . . .
关注
专栏目录
微前端之 一 微前端框架介绍
我的世界我的光彩
03-22 1181
微前端 优点 缺点
精致化的微前端开发
02-24
微前端（Micro-Frontend），是将微服务（Micro-Services）理念应用于前端技术后的相关实践，使得一个前端项目能够经由多个团队独立开发以及独立部署。本文中将会以此为目标，从零构建一套微前端的开发方案的最佳实践...
微前端实战：打造高效、灵活的前端应用架构
程序边界
12-03 5700
微前端（Micro Frontends）是一种将大型单页应用拆分为多个独立的小型应用的技术方案。每个小型应用都可以独立开发、部署和运行，它们之间通过共享公共资源（如样式、组件等）来实现数据和状态的同步。微前端的核心思想是将前端应用分解为一组可独立维护、独立部署的子应用，从而提高开发效率、降低维护成本，同时保证系统的灵活性和可扩展性。将多个独立的应用程序组合成一个统一的前端应用程序将基于不同框架的代码组合在一起浏览器端组合、服务端组合以及路由高效的开发团队实践和项目工作流。
微前端解决方案
Vivien_CC的博客
07-13 1232
优点：CSS和JavaScript天然隔离，避免了样式冲突和脚本污染，拥有对应的用于单独部署子应用组件的域名多个子应用可以并存，支持并行开发和独立部署代码的可读性变得非常清晰，组件资源内部高内聚，组件资源由自身加载控制原生浏览器支持，不依赖于特定的框架或库缺点：浏览器和框架的支持不够：浏览器实现不一致，存在向后不兼容的版本问题，需要额外的polyfills支持开发成本较高：需要重写现有的前端应用，在整个前端应用上把它们全部转换成Web Components。
什么是微前端
南北极之间
03-01 1076
它允许将单个应用程序分解为更小、可独立部署的模块化部分。每个微前端负责应用程序的特定部分，并可以由不同的团队使用不同的技术栈进行开发。然后这些微前端可以组合在一起，形成一个完整的应用程序。这种方法可以提高开发速度和可维护性，同时还可以更容易地更新和部署应用程序的各个部分，而不会影响整个应用程序。现代的前端应用的发展趋势正在变得越来越富功能化，富交互化，也就是。这样越来越复杂的单体前端应用，背后的后端应用则是数量庞大的微服务。微前端是一种web应用构建方式。
微前端（无界）
热门推荐
qq1195566313的博客
03-20 1万+
微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法提供支持。本文提供一种基于 iframe 的全新微前端方案，完善的解决了这些核心诉求。微前端概念微前端是借鉴了微服务的理念，将一个庞大的应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发，独立运行，独立部署，还可以随意组合，这样就降低了耦合度，从而更加灵活。微前端特性。
【微前端】什么是微前端
逛街的喵啊
03-19 7275
微前端（Micro Frontends）是一种前端架构模式，通过将单个应用程序分解为多个小型、独立的部分来实现应用程序的组合。每个小型部分都由独立的团队开发、测试和部署，然后将它们组合成为一个完整的应用程序。
nginx配置微前端
weixin_42715225的博客
07-26 1892
nginx配置微前端
手把手教会你微前端开发（vue-qiankun）
蛋蛋老公的博客
08-12 3870
引用qiankun里的解释简而言之，微前端就是可以将多个模块或者多个项目合并到一个项目中。a项目里可以嵌入b项目的页面，并且可以交互通信。
微前端简介
CarrreyYan_979292的博客
05-11 1529
微前端 概念详解 什么是微前端？ 微前端（Micro-Frontend），是将微服务（Micro-Services）理念应用于前端技术后的 相关实践，使得一个前端项目能够经由多个团队独立开发以及独立部署。 01 微前端开发的特性 技术无关：各个开发团队都可以自行选择技术栈，不受同一项目中其它团队影 技术无关 响； 代码独立：各个交付产物都可以被独立使用，避免和其它交付产物耦合； 样式隔离：各个交付产物中的样式不会污染到其它组件； 原生支持：各个交付产物都可以⾃由使⽤浏览器原⽣ API，⽽⾮要求使⽤封装
微前端架构
m0_73085893的博客
08-21 865
Single-SPA：作为最早的微前端框架之一，它提供了基础的加载器和路由托管功能，但本身不包含沙箱隔离机制。qiankun：由阿里团队开发，基于single-spa，它不仅简化了子应用的接入方式，还实现了JS沙箱和CSS隔离，提供了更加完善的微前端解决方案。Micro-App：京东推出的框架，采用Web Component技术实现微前端，它通过组件化思维简化了微前端的实现，降低了技术门槛。
基于Vue实现微前端的示例代码
11-21
在当前的前端开发环境中，微前端作为一种解决大型项目复杂性的技术方案，正在逐渐成为主流。本文将探讨如何基于Vue实现微前端，同时分享对于前端微服务化的理解和实践。 首先，前端微服务化的核心目标是将大型单体...
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
程序员阿龙的博客
09-22 4160
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
运行VUE项目运行时候的报错汇总
W3306698294的博客
09-21 294
上面的问题解决问题：【在npm install 后面加 --legacy-peer-deps，就可以解决了】
Babel
小秀的博客
09-20 707
它的主要作用是为了确保在不同浏览器和环境中运行 JavaScript 代码时保持一致的行为，尤其是提供对较新 ECMAScript 特性（如 Promise、Symbol、Object.assign 等）的支持。随着 JavaScript 标准不断更新，新的特性和功能被添加，但并不是所有的浏览器都能及时支持这些新特性。core-js 通常与 Babel 一起使用。core-js 是模块化的，这意味着开发者可以按需引入自己需要的 polyfill，而不是全部引入，这不仅能减少代码体积，还有助于提高性能。
RedisTemplate混用带来的序列化问题
咖啡煮码
09-18 912
RedisTemplate 不要乱用哦，否则极易出现序列化问题
jQuery国内大厂CDN加速链接
TANKING，开源开发者！
09-21 333
jQuery的CDN有很多，但都很不稳定，例如国内的bootcdn经常抽风，还有其他的常见的例如jQuery官方的jsDeliverstaticfile，这些都是经常抽风的。导致使用了线上的CDN的页面打开受到影响，那么就没有国内好用的CDN吗？下面是我汇总的一些大厂的！
第 28 章 Javascript错误处理与调试
最新发布
weixin_44010641的博客
09-23 1345
JavaScript 在错误处理调试上一直是它的软肋，如果脚本出错，给出的提示经常也让人摸不着头脑。ECMAScript 第 3 版为了解决这个问题引入了 try…catch 和 throw 语句以及一些错误类型，让开发人员更加适时的处理错误。
构建与实践：微前端开发的最佳方案
"精致化的微前端开发" 微前端是一种现代化的前端开发模式，借鉴了微服务的理念，旨在解决大型复杂项目中的协作与部署问题。它允许不同的团队使用各自的技术栈独立开发和部署前端模块，从而提高开发效率和项目的可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

. . . . .

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值