奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > 大前端知识 >

lockr插件让本地存储localstorage更加简单的api

时间:2017-12-06 10:28来源: 作者:史密斯
对于本地存储localStorage的最小API。像你高中的柜子一样简单。 它是一个非常轻量级的,宗旨是帮助你轻松使用localStorage,让使用本地存储保存对象、数组、数字、字符串省略很多步骤。

Lockr logo

对于本地存储localStorage的最小API。像你高中的柜子一样简单。

它是一个非常轻量级的,宗旨是帮助你轻松使用localStorage,让使用本地存储保存对象、数组、数字、字符串省略很多步骤。


如何使用lockr?

第一步 :安装

npm i lockr --save

也可以直接引入: <script src="https://raw.githubusercontent.com/tsironis/lockr/master/lockr.js" type="text/javascript"></script>



接口方法:

Lockr.prefix - String

设置一个前缀,将被添加到每个键被锁的字符串值。

栗子
Lockr.prefix = 'lockr';
Lockr.set('username', 'Coyote'); // Saved as string
localStorage.getItem('username');
> null
localStorage.getItem('lockr_username');
> {"data":123}


Lockr.set - 参数: [ key, value ] {String, Number, Array or Object}

设置一个指定的值,可以是任意类型

栗子

Lockr.set('username', 'Coyote'); // 保存字符串
Lockr.set('user_id', 12345); // 保存整型
Lockr.set('users', [{name: 'John Doe', age: 18}, {name: 'Jane Doe', age: 19}]);   //保存对象

Lockr.get - 参数: [ key or hash_key, default value ]

通过给定的键返回被保存的值,如果指定的键是null或undefined则会返回一个默认值

栗子

Lockr.get('username');
> "Coyote"

Lockr.get('user_id');
> 12345

Lockr.get('users');
>  [{name: 'John Doe', age: 18}, {name: 'Jane Doe', age: 19}]

Lockr.get('score', 0):
> 0

Lockr.set('score', 3):
Lockr.get('score', 0):
> 3

Lockr.rm - 参数: [ key ] {String}

完全删除指定的键值对

栗子

Lockr.set('username', 'Coyote'); // Saved as string
Lockr.get('username');
> "Coyote"
Lockr.rm('username');
Lockr.get('username');
> undefined


Lockr.sadd参数 key, value ]{String, Number, Array or Object}

追加一个值在之前的基础上面

栗子

Lockr.sadd("wat", 1); // [1]
Lockr.sadd("wat", 2); // [1, 2]
Lockr.sadd("wat", 1); // [1, 2]

其它接口:

一、sismember判断指定键是否存在那个值

Lockr.sadd("wat", 1);
Lockr.sismember("wat", 1); // true
Lockr.sismember("wat", 2); // false


二、srem移除指定键下的那个值
Lockr.sadd("wat", 1);
Lockr.sadd("wat", 2);
Lockr.srem("wat", 1);
Lockr.smembers("wat"); // [2]


三、getAll获取本地存储中所有的键值对

Lockr.getAll();
> ["Coyote", 12345, [{name: 'John Doe', age: 18}, {name: 'Jane Doe', age: 19}]]


四、flush 清空本地存储所有的键值对

	


      
      (责任编辑:admin)
	  
  
顶一下
(2)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
小邱 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-26 17:11 最后登录:2018-04-22 10:04
栏目列表
推荐内容

关注奔三路小程序,方便你我他