多页面开发

window.onstorage  主要是依赖这个 

然后 就是业务代码，  放在 本地仓库 和 从本地仓库拿出 通过 json的两个方法

在 react里一般是 通过 useEffect（）进行初始化监听。

--------------- 题外话  ----------------

现在都是我们开发的网页，一般都是（SPA）单页面，那么多页面是什么呢？

其实，多页面就是通过 本地仓库 进行数据交互，非常麻烦，才被淘汰的。

单页面是什么就自己搜吧。

----------------------------------------------

  window.onstorage = e => {

      if (e.key === "Act-Sync") {           这里的Act-Sync 是LocalStorage 里面的Key，

      哪个LocalStorage 的 哪个Key里面的value变化了，e.key 就是哪个 。  

另外 附上 一般业务里的代码如何写？

发布方 （操作的窗口）

1. localStorage.setItem("Act-Sync", JSON.stringify(newValue))

接收方  

1. JSON.parse(localStorage.getItem("Act-Sync"))

-----------------------------------------------------

参考：window.onstorage 实现WEB通知原生更新_李不言，的博客-CSDN博客_window.onstoragewindow.onstorage监听localstorage里的参数，一旦出现本地缓存更改，就能触发到window.onstorage方法公司越来越多的App，外壳是原生，实际实用的均是web的页面，将web页面放到原生的顶层页面，点击的时候，实际上是会打开一个全新的web页面在这个时候，实际在App端内挂载两个web页面例如：个人中心页面，点击后进入用户信息，此时如果在用户信息页面修改了个人信息，返回到个人中心页面，是不会导致个人中心里面个人信息的刷新的，因为两个页面同时挂载在App内部，不会自动实https://blog.csdn.net/lj940628/article/details/118640846