惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 叶小钗
V
Visual Studio Blog
雷峰网
雷峰网
J
Java Code Geeks
博客园 - 三生石上(FineUI控件)
人人都是产品经理
人人都是产品经理
MyScale Blog
MyScale Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
B
Blog RSS Feed
C
Check Point Blog
博客园 - Franky
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 【当耐特】
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
V
V2EX
D
Docker
IT之家
IT之家
博客园 - 聂微东
腾讯CDC
U
Unit 42
Microsoft Security Blog
Microsoft Security Blog
The Cloudflare Blog

分享创造

分享 KCase 脑图测试用例生成平台(AI 辅助生成测试用例) 标签页囤积症自救:写了个插件 TabRack,主打快速检索、自动分类和 AI 摘要 [file-preview]一个比较全面的在线文件预览组件库-支持 react 和 vue 撸了个 iOS 小应用[极简水印相机],直接免费 做了一个 V2EX Skill 写了个 iOS 打码 App「遮鸭 Maskduck」,纯离线免费 35 岁前端,裁员失业后,我花 1 个月做了个 AI 生图网站 亲身经历猫咪急症,我做了一款猫狗疼痛检测工具,希望能救你家毛孩一命 如何用 AI 做比较酷炫的落地页? 求真!最近 AI 生图的能力强到可怕 开源一个查看 k8s 的菜单栏工具-kubebar Packpour:我做了个专门给 App Store Connect 填多语言元数据的小工具 面对 140 年一遇的超级厄尔尼诺,我做了个全球监测小站 做了一个自动翻译的 Hacker News 客户端 做了一个 AI 头像生成器,可以免费生成 2 次 [送码 50 个] 自己手搓了个高颜值的倒数日 App——拾光机,求 V 友们指点 一个将苹果健康 APP 数据导出的工具,然后把你的数据喂给 AI 分析 我做了一个叫「订阅斩」的 iOS App,专门对付那些悄悄扣钱的订阅 做了个草率的日麻互动漫画,听听反馈 喜欢自己洗车的朋友们,我用 ai 做了一款洗车小程序 -- 洗车志 感谢 V2EX 上各位 NAS🍆 和 Datahoarder 玩家的关注和真实反馈!作为个人开发者,能得到这么多硬核玩家们的讨论,我非常荣幸。 用 AI 开发熊孩子自律的小程序 用 OpenClaw 搭建个人运动助手 今天摸鱼给 NanaAI 也接入了 GPT-Image-2 [Video Companion]一个 chrome 插件,解决大多对视频操作的需求~欢迎使用提 bug AI 时代,做产品简单了,把产品推广出去却变的更难了~ bestskills.dev - Skills 精选和评测站点 免 ROOT 强力卸载安卓广告软件 一个 All In One 的运维工具,支持 SSH、数据库、Redis 管理 [开源] Codeg V0.10:专注于代码生成的多智能体 IDE(cc、codex、gemini、opencode……),新版本重构了工作区,飞一般的体验,支持桌面端、服务器部署
stokado:一个零依赖的浏览器 storage 代理库,帮 localStora...
weekidjoker · 2026-06-25 · via 分享创造

最近完善了 stokado ,用来解决 localStorage / sessionStorage 用起来的几个老问题,分享给大家看看。

它本质是给任意 storage 对象套一层 Proxy ,主要做了这几件事:

  1. 类型保留序列化 —— 存 number 取出还是 number,存 Date 取出还是 Date,不用每次手动 JSON.parse 再转类型。
  2. 同标签页响应式订阅 —— 直接 on/once/off 监听某个 key 的变化,不用自己写 addEventListener('storage')(原生那个还监听不到本标签页)。
  3. 过期与一次性值 —— setItem(k, v, { expires }) 自动过期,{ disposable: true } 读一次就失效。
  4. 跨标签页同步 —— 基于 BroadcastChannel 。
  5. 配额告警 —— 接近容量上限时回调通知。
  6. 内置 7 个平台预设:cookie / 微信 / 抖音 / 支付宝 / uni-app / react-native / node 。
  7. 零依赖、框架无关、TypeScript 友好。

安装:

npm install stokado

最小示例:

import { createProxyStorage } from 'stokado'

const storage = createProxyStorage(localStorage)

// 类型保留:取出来还是 number / Date ,不是字符串
storage.count = 0
storage.count === 0 // true

storage.createdAt = new Date('2024-01-01')
storage.createdAt.getTime() // 正常可用

// 同标签页响应式订阅
storage.on('token', (newVal, oldVal) => {
  console.log('token changed:', oldVal, '->', newVal)
})

// 过期 & 一次性值
storage.setItem('token', 'abc', { expires: Date.now() + 3600_000 })
storage.setItem('flash', 'data', { disposable: true })
storage.flash // 'data'
storage.flash // undefined (读过一次即失效)

仓库: https://github.com/KID-joker/stokado