StorageX,一个前端对象化存储的最简单的工具。

Posted 吴掌柜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了StorageX,一个前端对象化存储的最简单的工具。相关的知识,希望对你有一定的参考价值。

StorageX 1.3,对象化操作本地数据,超好用哟!。
//使用npm安装
npm install storagex-js
//导入
import {localStorageX,sessionStorageX} from "storagex-js";

然后就可以使用了,使用方法只有两种

1:只是对键值进行操作(不会深度修改)
//对对象属性进行修改后本地储存相应更新
const localStorage= localStorageX();
localStorage.a = {b:1};  //键 \'a\' 对应的值 {\'b\':\'1\'}
localStorage.a.b = 2  //无效,不允许深度修改
//需要这样重新赋予一个对象
localStorage.a = {b:2};
2:深度的对象化存储(单纯的只对值进行操作,必须为一个对象)
//因为考虑到如果需要深度代理那么值一定是个对象,像这样
let state = {
    a:1,
    b:{
        c:3,
    },
};
state = localStorageX(
    "state",  //本地储存对应的键
    state,  //初始化的值,如果该键有数据且为对象时优先代理,不填默认为一个空对象
);
//当state的属性发生变化时会相应的将state存储到本地。
state.a = 1;
state.a = {b:{c:{d:2}}};
state.a.c.d = 3;
console.log(state.a.c.d);  //打印 3
//只针对值为对象时,而且只会对该对象属性进行修改添加,也就是说像下面这样不管用
state = null;
state = 1;
state = {a:1};
//了解js基础都知道,这样只是改变该变量的指向,并不是对原对象进行修改。
//如果想修改键的值请使用上面的那种方法。
//只对键里面的数据属性进行修改。

皆不支持函数式储存,因为函数无法JSON化,既然是数据的话为什么要存函数呢?

源码地址

目前小站毒蘑菇搜索本地储存就是用的它啦。

以上是关于StorageX,一个前端对象化存储的最简单的工具。的主要内容,如果未能解决你的问题,请参考以下文章

在文件中存储对象/充满对象的地图的最简单方法是啥?

在 SQLCe 数据库中存储对象的最有效方法是啥?

持久化java对象的最简单方法是啥?

将授权用户从Laravel后端传递到React前端的最安全方式

访问 Azure 文件存储的最简单方法是啥?

存储字符串对象的最压缩方式