, removeItem, clear 这几个 API 轻松的对存储在浏览器本地的数据进行读,写, 删操作, 但是相比于 cookie, localStorage 唯一美中不足的就是不能设置每一个键的过期时间...问题描述
在实际的应用场景中, 我们往往需要让 localStorage 设置的某个 key 能在指定时间内自动失效, 所以基于这种场景, 我们如何去解决呢?
1....中级解法
前端工程师在有一定的工作经验之后, 往往会去考虑工程化和复用性的问题, 并对数据结构有了一定的了解, 所以可能会有接下来的解法:
用localStorage存一份{key(键): expire(过期时间...)}的映射表
重写localStorage API, 对方法进行二次封装
类似的代码如下:
const store = {
// 存储过期时间映射
setExpireMap: (key, expire...这里笔者想到了两种类似的方案:
将过期时间存到 key 中, 如 dooring|6000, 每次取值时通过分隔符“|”来将 key 和 expire 取出, 进行判断
将过期时间存到 value 中,