添加了缓存功能与命名空间的 localStorage 与 sessionStorage

[milklee]

做前端的同学对 localStorage 与 sessionStorage 都不陌生吧？查看 MDN 的简介

我个人认为，原生的 localStorage 与 sessionStorage 有以下缺点：

• 只能存储字符串。所以我们经常要手动 JSON.parse 和 JSON.stringify
• 没有命名空间。为了避免冲突，我们经常需要自定义一个“前缀”，比如 localStroage.setItem('home-' + key, value)
• 每次都直接从 localStorage 或 sessionStorage 里读取值的话，性能比较低。有一个缓存层会好很多

如果有了上面提到的“命名空间”和“缓存层”的话：

• 有了缓存层，我们甚至可以先把值保存进缓存里，等到网页关闭（即触发 window.onunload 事件时）再存进 localStroage 里
• 有了命名空间，我们就可以只删除此命名空间下的数据，而不是整个清空 localStorage 与 sessionStorage

基于以上几点，我开发了 NamedStorage：

• JSON 友好
• 缓存层
• 命名空间
• "懒保存"

详情见 GitHub 主页： https://github.com/lmk123/NamedStorage

欢迎点赞和提 issue ！

[MinonHeart]

命名空间感觉没必要。倒不如增加数据过期时间和数据版本的管理

[murmur]

你们真拿 localStorage 和 sessionStroage 当持久化来用了么？

[milklee]

@MinonHeart 是啊，不过这方面已经有很多其他的库了

[milklee]

@murmur 不行吗😂

[hantsy]

Key/value 方式完全没必要。。。用 Angular 扩展很多，不用关心 Ser/Des 操作。同步到 LocalStorage 可以异步，不会 Block UI 。

[milklee]

@hantsy 是的，我也觉得我设计的不太好，当时想着的是既有缓存又能操作 storage