Skip to content

Commit

Permalink
docs: 文档更新
Browse files Browse the repository at this point in the history
  • Loading branch information
bailicangdu committed Aug 23, 2021
1 parent 4cd5124 commit 1aad658
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 3 deletions.
9 changes: 8 additions & 1 deletion docs/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,12 @@
### 微前端
微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用,各个前端应用还可以独立开发、独立运行、独立部署。微前端可以有效的解决项目越来越复杂而难以维护的问题。
微前端的概念是由ThoughtWorks在2016年提出的,它借鉴了微服务的架构理念,核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用,每个应用都可以独立开发、独立运行、独立部署,再将这些小型应用融合为一个完整的应用,或者将原本运行已久、没有关联的几个应用融合为一个应用。微前端既可以将多个项目融合为一,又可以减少项目之间的耦合,提升项目扩展性,相比一整块的前端仓库,微前端架构下的前端仓库倾向于更小更简单。

它主要解决了两个问题:

- 1、随着项目迭代应用越来越庞大,难以维护。
- 2、跨团队或跨部门协作开发项目导致效率低下的问题。

![microfroentend](https://img13.360buyimg.com/imagetools/jfs/t1/182098/24/20562/94562/6123569cE7a4b5bc3/f135ab0912746bd6.png ':size=750')

### 关于micro-app
`micro-app`之前,业内已经有一些开源的微前端框架,比较流行的有2个:`single-spa``qiankun`
Expand Down
4 changes: 2 additions & 2 deletions docs/zh-cn/start.md
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ export function MyPage () {
return (
<div>
<h1>子应用</h1>
// url为html地址 (基座应用和子应用本质是在同一个页面,这里的url只是html地址,子应用的路由还是基于浏览器地址的)
// url为html地址 (url只是html地址,子应用的路由还是基于浏览器地址)
<micro-app name='app1' url='http://localhost:3000/' baseurl='/my-page'></micro-app>
</div>
)
Expand All @@ -87,7 +87,7 @@ export function MyPage () {
<template>
<div>
<h1>子应用</h1>
<!-- url为html地址 (基座应用和子应用本质是在同一个页面,这里的url只是html地址,子应用的路由还是基于浏览器地址的) -->
<!-- url为html地址 (url只是html地址,子应用的路由还是基于浏览器地址) -->
<micro-app name='app1' url='http://localhost:3000/' baseurl='/my-page'></micro-app>
</div>
</template>
Expand Down

0 comments on commit 1aad658

Please sign in to comment.