更新

onresize · May 23, 2024 · 8e1ceb1 · 8e1ceb1
1 parent e19f434
commit 8e1ceb1
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 0 deletions.
diff --git a/docs/.vuepress/config/silder.js b/docs/.vuepress/config/silder.js
@@ -31,6 +31,7 @@ export default [
       '/技术总结/踩坑总结/worker',
       '/技术总结/踩坑总结/浏览器跨页面,跨窗口通信',
       '/技术总结/踩坑总结/跨域相关',
+      '/技术总结/踩坑总结/如何监听localStorage中的值的变化',
       '/技术总结/踩坑总结/web端扫码的几种方案',
       '/技术总结/踩坑总结/vite.config.js常用配置',
       '/技术总结/踩坑总结/vue.config.js常用配置',

diff --git a/docs/技术总结/踩坑总结/docker前端篇.md b/docs/技术总结/踩坑总结/docker前端篇.md
@@ -9,6 +9,8 @@ description: docker前端篇
 # docker前端篇
 > 本文作者：[onresize](https://github.com/onresize)
 
+[✨Docker入门教程（非常详细）从零基础入门到精通✨](https://www.webfunny.com/blog/post/235)
+<br />
 [docker中文指南](https://yeasy.gitbook.io/docker_practice)
 <br />
 [docker入门实践](https://docker.easydoc.net/)

diff --git a/docs/技术总结/踩坑总结/如何监听localStorage中的值的变化.md b/docs/技术总结/踩坑总结/如何监听localStorage中的值的变化.md
@@ -0,0 +1,29 @@
+---
+title: 如何监听localStorage中的值的变化
+lang: zh-CN
+feed:
+  enable: true
+description: 如何监听localStorage中的值的变化
+---
+
+# 如何监听localStorage中的值的变化
+
+> 本文作者：[onresize](https://github.com/onresize)
+
+```js
+function dispatchEventStorage() {
+  const signSetItem = localStorage.setItem
+  localStorage.setItem = function (ley, val) {
+    let setEvent = new Event('setItemEvent')
+    setEvent.key = key
+    setEvent.newVal = val
+    window.dispatchEvent(setEvent)
+    signSetItem.apply(this, arguments)
+  }
+}
+dispatchEventStorage()
+
+window.addEventListener('setItemEvent', (e) => {
+  // TODO...
+})
+```