micro-app 官网

最新推荐文章于 2024-12-06 16:56:59 发布
最新推荐文章于 2024-12-06 16:56:59 发布
阅读量500 收藏 8
点赞数 7
分类专栏： 前端架构师养成 文章标签： microApp 微前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDNWuZhiChun/article/details/135460564
版权
本文探讨了微应用官网，聚焦于这种模块化、云端部署的轻量级应用程序在IT领域的兴起，分析其开发原理和优势，以及在企业数字化转型中的应用价值。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

micro-app微前端数据通信
wangweiruning的博客
04-26 1639
micro-app微前端数据通信
前端：微前端框架MicroApp 1.0正式发布
京东零售技术的博客
01-25 1260
MicroApp 1.0已经发布，我们将积极回应开发者的问题和反馈，并持续改进，以帮助更多开发者提高效率和改善开发体验。欢迎大家使用MicroApp并参与共建，也希望在GitHub上给我们点个Star来支持我们。
前端微服务MicroApp应用
qq_47452289的博客
01-11 3863
一个基于MicroApp的前端微服务基础使用以及nginx打包配置
京东开源项目micro-app初体验
qq_44000859的博客
01-12 5369
文章目录关于micro-app一、micro-app使用版本以及使用场景？二、使用步骤1.下载总结 关于micro-app 2021年7月由京东开源的微前端框架 官方文档 micro-appgit地址 了解micro-app 一、micro-app使用版本以及使用场景？ 这段不重要可跳过 版本：0.8.0 使用背景：目前所在的公司存在多个项目共用同一个模块的情况，比如有A,B,C三个项目，这三个项目中有一部分页面是完全相同的，我们不希望去重复开发同一个模块，于是领导提出将重复的页面单独提取出来成为独立
标题：【探索微前端】一款轻松接入的利器——Micro-App
gitblog_00017的博客
05-11 532
标题：【探索微前端】一款轻松接入的利器——Micro-App micro-appA simple, efficient and powerful micro front-end framework. 一款简约、高效、功能强大的微前端框架项目地址:https://gitcode.com/gh_mirrors/mi/micro-app 在当今复杂多变的Web开发环境中，微前端架构逐渐成为解决大型单页...
micro-app在vue-element-admin中的使用
05-07
本资源是在基于micro-app在vue-element-admin中的搭建之后对micro-app在vue-element-admin中的使用进行的进一步研究。 主要包括：路由、页面之间的跳转、数据通信、样式隔离、元素隔离、资源共享、组件共享等的一些...
micro-app-chrome-plugin是基于京东零售推出的一款为micro-app框架而开发的chrome插件.zip
11-25
在众多框架中，micro-app作为一个轻量级前端框架，因其模块化、组件化的特点，受到了开发者的青睐。它允许开发者将页面拆分为若干个独立的微应用，每个微应用可以独立开发、运行和部署，从而提升项目维护的便捷性。 ...
umi-plugin-hui:用于hui框架的umi micro-app插件
03-14
umi-plugin-hui 用于hui框架的umi micro-app插件 安装 使用npm： $ npm install --save-dev umi-plugin-hui 或使用纱线： $ yarn add umi-plugin-hui --dev
《深入了解 micro-app：开启微前端新时代》
cnzzs的博客
12-06 1420
《深入了解 micro-app：开启微前端新时代》 在前端开发的不断演进中，随着业务规模的扩大和团队协作的复杂性增加，微前端架构逐渐成为了一种热门的解决方案。而在众多微前端实现方案中，micro-app 以其独特的优势和灵活性备受关注。 一、微前端架构的崛起 传统的单体前端应用在面对日益复杂的业务需求时，逐渐暴露出了许多问...
micro-app的简单学习
笑到世界都狼狈的博客
05-01 3821
本文主要是在micro-app搭建的基础上，参照官网，对micro-app的基础学习，包含如下内容：配置项、生命周期、环境变量、JS沙箱、样式隔离、元素隔离、数据通信、静态资源、预加载、插件系统、多层嵌套、高级功能、路由、应用之间跳转、打包、部署
微前端简介
前端小白
10-20 2660
微前端（Micro frontends） 复杂、跨团队、高性能要求的项目同时保证 DX 和 UX 的困境？ 开发者体验：MPA，我不管其它管理平台，它们不要影响我！ 用户体验：SPA，入口找得到，页面跳转不要白屏！ 微前端架构 一种架构理念：将单一的web应用拆解成多个可以独立开发、独立运行、独立部署的小型应用，并将它们整合为一个应用 子系统之间开发、技术体系、测试、发布、监控隔离 子系统之间可通信 方案对比 路由分发式: 通过 HTTP 服务器的反向代理功能，来将请求路由到对应的应用
微前端架构新选择：micro-app 框架一文全解析
知心宝贝的博客
10-24 2871
micro-app 是由京东前端团队推出的一款微前端框架，它借鉴了 WebComponent 的思想，通过 js沙箱、样式隔离、元素隔离、路由隔离 模拟实现了 ShadowDom 的隔离特性，并结合 CustomElement 将微前端封装成一个类 WebComponent 组件，从而实现微前端的组件化渲染，旨在降低上手难度、提升工作效率。 micro-app 与技术栈无关，也不和业务绑定，可以用于任何前端框架。
micro-app【微前端系列教程】项目搭建
朝阳39的博客
10-22 1467
micro-app 官方文档以主应用 vue3 + vite ，子应用 vue3+vite 为例。
微前端 - micro-app 数据通信
lhz_333的博客
08-15 5223
上文记录了下如何在项目中接入 micro-app，本文主要记录下微前端基座应用和子应用之间的数据通信。
微前端之四 Micro App(京东)子应用讲解
我的世界我的光彩
04-03 2974
讲到这里，关于子应用1的讲解已经结束，子应用2参考子应用1实现即可。这里面之定义两个路由，一个是子应用的首页home，另一个是子应用的一个子页面page2.6、微前端环境下，注册mount和unmount方法，非微前端环境直接渲染。这里面有用到缓存参数GlobalData，我们需要预定义。4、配置接收由micro-app注入的全局变量。3、 子应用子页面page.vue。1、路由配置router.js。2、子应用首页home.vue。5、如何获取基座应用下发的消息。7、App.vue 入口。
微前端（micro-app）使用手册
StoneHui
06-25 4972
micro-app 是借鉴了 WebComponent 的思想，通过 CustomElement 结合自定义 ShadowDom，将微前端封装成一个类 WebComponent 组件，从而实现组件化。
基于京东micro-app微前端框架的项目实践
08-11 3623
微前端借鉴了微服务架构思想，既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，相比一整块的前端仓库，微前端架构下的前端仓库倾向于更小更灵活。我们对iframe、single-spa、qiankun、micro-app等相关技术进行了对比研究，最终选型了micro-app作为我们的技术方案。...
初探 MicroApp，一个极致简洁的微前端框架
MonsterException的博客
01-28 4755
这个微前端框架真好吃
微前端 - micro-app
lhz_333的博客
08-15 3502
之前已经实践过阿里微前端框架 qiankun，现在来使用一下京东推出的微前端解决方案 - MicroApp。
micro--app数据交互
最新发布
03-01
### Micro-app 数据交互方法 Micro-app 向子应用注入名为 `microApp` 的全局对象，该对象用于实现基座应用与子应用之间的数据交互[^1]。 #### 获取来自基座应用的数据 存在两种主要的方式让子应用获取到来自基座应用的数据： 1. **通过 URL 参数传递** 基座应用可以在加载子应用时，在URL中附加参数。这些参数可以被子应用解析并使用。例如，如果希望给定特定配置项，则可以通过如下形式设置URL: ```html <micro-app name="childApp" url="/path/to/child?param=value"></micro-app> ``` 2. **利用 microApp 对象的方法** 子应用可以直接调用 `window.microApp.setData()` 方法来接收由基座传来的数据；同样地，也可以监听事件以响应从父级传来的新消息或状态更新。下面是一个简单的例子展示如何在子应用内部处理这种情况： ```javascript window.microApp.addListener('data', function(data){ console.log('Received data:', data); }); // 或者主动请求数据 const result = await window.microApp.getData(); console.log(result); ``` 对于上述提到的案例项目，其具体实践可参见[micro-app-demo](https://gitcode.com/gh_mirrors/mi/micro-app-demo)，这里提供了完整的源码供学习参考[^2]。 为了启动微前端框架，需在主应用程序中的入口文件(main.js)里加入以下代码片段完成初始化工作： ```javascript import microApp from '@micro-zoe/micro-app'; microApp.start(); ``` 这一步骤确保了整个系统的正常运作以及各组件间的顺畅沟通[^3]。 当遇到页面刷新重载的问题时，特别是在PC端环境中部署的应用程序，应当注意正确配置路由模式和服务端支持，从而避免不必要的重新加载行为影响用户体验[^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值