代码拉取完成,页面将自动刷新
你在项目中还在使用
localStorage.setItem
、localStorage.setItem
频繁操作吗?换成下面试试呢?
引入库文件
<script src="./local-store.js"></script>
调用 window.installStore()
方法安装store,默认进来IIFE就会在window上挂载一个installStore 方法
var localStore = window.installStore(window); //安装插件,参数为需要挂载到某个实例上,现在默认安装在window上,如果传入其他实例,则挂载到对应实例;
//localStore === window.localStore(window); //true
//如果installStore第一个参数传递的是window,那么调用则是 window.localStore;
//批量存值
localStore.set({
userName: "张三",
age: 30,
sex: "男",
job: "java开发",
workAddress: "Chengdu"
});
//设置1分钟过期时间
localStore.set("userId", "xxxx-xxx-xxx-xx", 1000 * 60);
//单个删除
localStore.del("userId");
//批量删除
localStore.del("userId", "userName");
//批量取值
let {userName, userInfo, userId} = localStore.get("userName", "userInfo", "userId");
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="./local-store.js"></script>
</head>
<body>
<script>
window.installStore(window); //安装插件
var localStore = window.localStore;
//批量存值
localStore.set({
userName: "张三",
age: 30,
sex: "男",
job: "java开发",
workAddress: "Chengdu"
});
//单个删除
localStore.del("userId");
//批量删除
localStore.del(["userId", "userName"]);
//设置1分钟过期时间
localStore.set("userId", "xxxx-xxx-xxx-xx", 1000 * 60);
//批量取值
let {userName, userInfo, userId} = localStore.get(["userName", "userInfo", "userId"]);
</script>
</body>
</html>
备注: 本项目采用ES5的语法编写,更多功能持续开发中,如:发布、订阅、数据签名存储...
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。