Merge pull request #664 from micro-zoe/feature-enhui

docs: add context of pages jump and question
micro-zoe · Nov 9, 2022 · 648209a · 648209a
2 parents 8cfce97 + 6bf7dee
commit 648209a
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 29 deletions.
diff --git a/docs/zh-cn/jump.md b/docs/zh-cn/jump.md
@@ -3,36 +3,10 @@
 
 > 常见的问题如：开发者想通过基座应用的侧边栏跳转，从而控制子应用的页面，这其实是做不到的，只有子应用的路由实例可以控制自身的页面。
 
-**要实现应用之间的跳转有两种方式：**
-
-## 方式一、window.history
-通过[history.pushState](https://developer.mozilla.org/zh-CN/docs/Web/API/History/pushState)或[history.replaceState](https://developer.mozilla.org/zh-CN/docs/Web/API/History/replaceState)进行跳转。
-
-例如：
-```js
-window.history.pushState(history.state, '', 'page2')
-
-// 主动触发一次popstate事件
-window.dispatchEvent(new PopStateEvent('popstate', { state: history.state }))
-```
-
-对于hash路由也同样适用
-```js
-window.history.pushState(history.state, '', '#/page2')
-
-// 主动触发一次popstate事件
-window.dispatchEvent(new PopStateEvent('popstate', { state: history.state }))
-```
-
-> [!NOTE] 
-> **注意事项:**
->
-> 1、popstate事件是全局发送的，所有正在运行的应用都会接受到新的路由地址并进行匹配，要防止兜底到应用的404页面。
->
-> 2、window.history并非适用于所有场景，一些框架如vue-router4，angular会出现问题，此时建议使用下面的方式2、3。
+**要实现应用之间的跳转有三种方式：**
 
 
-## 方式二、通过数据通信控制跳转
+## 方式一、通过数据通信控制跳转
 *适用场景: 基座控制子应用跳转*
 
 **子应用中监听数据变化**
@@ -56,7 +30,7 @@ microApp.setData('子应用name', { path: '/new-path/' })
 ```
 
 
-## 方式三、传递路由实例方法
+## 方式二、传递路由实例方法
 
 *适用场景: 子应用控制基座跳转*
 
@@ -126,3 +100,28 @@ export default {
 window.microApp.getData().pushState(path)
 ```
 
+## 方式三、window.history
+通过[history.pushState](https://developer.mozilla.org/zh-CN/docs/Web/API/History/pushState)或[history.replaceState](https://developer.mozilla.org/zh-CN/docs/Web/API/History/replaceState)进行跳转。
+
+例如：
+```js
+window.history.pushState(history.state, '', 'page2')
+
+// 主动触发一次popstate事件
+window.dispatchEvent(new PopStateEvent('popstate', { state: history.state }))
+```
+
+对于hash路由也同样适用
+```js
+window.history.pushState(history.state, '', '#/page2')
+
+// 主动触发一次popstate事件
+window.dispatchEvent(new PopStateEvent('popstate', { state: history.state }))
+```
+
+> [!NOTE] 
+> **注意事项:**
+>
+> 1、popstate事件是全局发送的，所有正在运行的应用都会接受到新的路由地址并进行匹配，要防止兜底到应用的404页面。
+>
+> 2、window.history并非适用于所有场景，一些框架如vue-router4，angular会出现问题，此时建议使用下面的方式2、3。
diff --git a/docs/zh-cn/questions.md b/docs/zh-cn/questions.md
@@ -221,3 +221,6 @@ microApp.start({
   ```
 
   **方式2：**将文件放到基座域名下，判断微前端环境下a标签href属性设置为基座的文件地址
+
+## 19、用Webpack打包的子应用，如何通过source-map进行源码调试？
+子应用需要用`inline-source-map`打包模式，才能在浏览器中进行调试。