# m-app
**Repository Path**: bo1839/m-app
## Basic Information
- **Project Name**: m-app
- **Description**: 📦 微应用容器组件，整合 Web Components 与同源 iframe，利用原生特性实现应用间的完美隔离，使用如 iframe 般简便，却超脱 iframe 的局限。像 iframe 般容易上手的微前端解决方案，你值得一试！
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: http://ambit.gitee.io/m-app/
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 23
- **Created**: 2021-02-20
- **Last Updated**: 2021-02-20
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# <m-app>
可能是你见过最简单的微前端解决方案，一行代码即可实现应用的接入 😎
```html
```
体验一下，并且可以在线接入你的应用 🎉
1. Gitee Pages
1. GitHub Pages
## 📃 简介
m-app 将应用的 DOM 树置于 Shadow DOM 中维护，从而实现 DOM 树独立以及 CSS 隔离。而 JavaScript 代码则置于**同源** iframe 中运行，由 iframe 提供独立的运行环境，并劫持 iframe 中 `document`、`document.head`、`document.body` 等元素对象的方法，重定向到 Shadow DOM 中对应的元素上去。此外，还劫持了普通元素上有引入新元素能力的方法，如 `appendChild`、`replaceChild` 等，分析其中的 `
```
更多信息请查看 Wiki
## ☎️ 联系
1. *微信*: ambit_tsai
1. *QQ群*: 663286147
1. *邮箱*: ambit_tsai@qq.com