micro-app
micro-app copied to clipboard
micro-zoe
A simple, efficient and powerful micro front-end framework. 一款简约、高效、功能强大的微前端框架
## 问题描述 动态添加脚本会被捕获并且注释后塞在micro-app-head里面 ## 复现步骤 在子应用中通过getScript函数动态加载脚本，会micro-app环境中会被捕获并且注释后塞在micro-app-head里面 ## 上传截图 >    我该如何配置或者说有更好的解决方案
## 问题描述 > 在子应用mount方法里注册了一个监听器 window.microApp.addDataListener((data) => { console.log('addDataListener = ',data) },true) 但通过主应用打开并microApp.setData(appName,data)之后,子应用无法响应数据变化 无报错 子应用打印window.microApp也正常 ## 环境信息 - micro-app版本：0.8.5 - 主应用前端框架&版本：vue 2.6.11 - 子应用前端框架&版本：vue 2.6.11
## 问题描述 nuxt子应用中，在asyncData或者fetch钩子函数中获取不到URL的query ## 复现步骤 1.主应用和子应用均为Nuxt2应用 2.输入URL: http://localhost:3000/app-nuxtjs2/?type=123 3.asyncData函数中 query为 {} 4.mounted函数中可以正常获取到query 5.如果单独打开子应用页面如http://localhost:4003/app-nuxtjs2/?type=123 ，可以获取到query ## 上传截图 ## 复现仓库 使用示例代码仓库：https://github.com/micro-zoe/micro-app-demo ## 环境信息 - micro-app版本： - 主应用前端框架&版本： - 子应用前端框架&版本： - 构建工具&版本：
## 问题描述 > vue3子应用动态加载script，出现 ## 复现步骤 1. 在vue3子应用动态插入script到head ## 上传截图 ## 复现仓库 > [microApp](https://github.com/halaproliu/microApp) ## 环境信息 - micro-app版本：@micro-zoe/[email protected] - 主应用前端框架&版本：[email protected] - 子应用前端框架&版本：[email protected] - 构建工具&版本：子应用：[email protected], 主应用：[email protected]
## 背景 Micro-app 是一款非常优秀的微前端解决方案，它对于我前段时间的一些工作提供了很大的帮助，所以我也参与到了这个项目的共建中，为这个项目贡献出自己的一份力量，不过在阅读源码和提交 pr 的几次过程中，我发现了一些开发上的几个痛点： 1. 修改一个功能的时候，发现各个模块耦合过紧，职责边界不清晰，容易产生改了一小个地方就影响大范围的功能 2. 目前的测试代码偏集成测试，单元测试较少，不便于测试小的修改 3. 一些代码可读性方面上的小问题，比如命名不清晰，函数过长，全局变量过多，重复代码等 ## 期望的效果 1. 对代码采用 OOP 范式，将职责相同需要内聚的代码封装成一个个类，无副作用的函数仍然保留为单纯的工具函数，适当使用设计模式，比如用单例模式来管理全局变量 2. 类划分完毕后，针对每个类编写单元测试 3. 根据《重构》《代码大全》等业界最佳实践 case by case 优化代码可读性 ## 其他 考虑到 1.0...
clone的该源码：https://github.com/micro-zoe/micro-app/tree/dev/dev 1. yarn bootstrap 2. yarn start:main-vite 
