sessionStorage 能在多个标签页之间共享数据吗？

sessionStorage 不能在多个窗口或标签页之间共享数据，但是当通过 window.open 或链接打开新页面时(不能是新窗口)，新页面会复制前一页的 sessionStorage。

2024-06-25挖地鸭JS技术13991200

localStorage是同步还是异步的？为什么？

localStorage是 Web Storage API 的一部分，它提供了一种存储键值对的机制。localStorage的数据是持久存储在用户的硬盘上的，而不是内存。这意味着即使用户关闭浏览器或电脑，localStorage中的数据也不会丢失，除非主动清除浏览器缓存或者使用代码删除。

2024-06-15挖地鸭JS技术13991200

如何使用CSS创建自定义范围滑块

没有涉及任何复杂的与浏览器相关的实现！我们确定了滑块元素的选择器，并使用了一些CSS技巧来为整个范围滑块添加样式。让我们不要忘记，我们只是使用了input元素来完成这一切，因此我们不必担心任何可访问性问题，因为我们保留了原生功能

2024-06-11挖地鸭JS技术13991200

React Context API：状态管理的新方式

React Context API 提供了一种无需通过props逐层传递数据的方式，使得跨组件的状态共享变得更加便捷。这种方式特别适合那些需要在多层级组件间共享数据的情况，比如主题切换、认证信息等。从React 16.3版本起，Context API经历了重大改进，变得更加易用和强大

2024-06-10挖地鸭React13991200

React状态管理之Context

在平时使用react的过程中，数据都是自顶而下的传递方式，例如，如果在顶层组件的state存储了theme主题相关的数据作为整个App的主题管理。那么在不借助任何第三方的状态管理框架的情况下，想要在子组件里获取theme数据，就必须的一层层传递下去，即使两者之间的组件根本不需要该数据；就如同下图所示，并且如果App的层级越深，这之间的层层传递对开发者来说可谓是灾难

2024-06-06挖地鸭React13991200

高性能 React Context, 极简状态管理库 @bolt/reactAtomContext

Provider 是 Context 和 store 最大的不同点, 也可以说是 React 最大的优势所在. Provider 可以让状态和逻辑实现解耦, 比如最常见的 Provider 用途就是给组件库设置 i18n 和主题色. 如果你的组件既要多实例使用, 又需要父子组件通讯, 单实例 store 与 useLocalStore 必然满足不了你的需求

2024-06-05挖地鸭React13991200

干掉 for 循环？分享 1 段优质 JS 代码片段!

创建一个数组 data，包含三个对象，每个对象都有 name 和 Salary 属性。 data.find 是一个数组方法，用于查找数组中第一个满足提供的测试函数的元素。它返回该元素的值，如果没有找到，则返回 undefined。 传递的测试函数是一个箭头函数 data => data.name === "Peter"，它检查每个对象的 name 属性是否等于 "Peter"。如果找到了满足条件的对象，find 方法将返回该对象

2024-06-03挖地鸭JS技术13991200

检测元素外部点击？分享一段 优质 JS 代码片段！

document.addEventListener('click', function (evt) { ... }) 这行代码为整个文档添加了一个点击事件监听器。document.addEventListener方法用于在指定事件发生时运行特定的代码 const isClickedOutside = !ele.contains(evt.target);

2024-06-02挖地鸭JS技术13991200

这一次，彻底弄懂 JavaScript 执行机制

javascript是一门单线程语言,Event Loop是javascript的执行机制,微任务和宏任务还有很多种类，比如setImmediate等等，执行都是有共同点的，执行和运行有很大的区别，javascript在不同的环境下，比如node，浏览器，Ringo等等，执行方式是不同的。而运行大多指javascript解析引擎，是统一的

2024-06-01挖地鸭JS技术13991200