本地存储
cookie:document对象下的一个属性
let cookie = {
set(key,value,expires){
let d = new Date(expires);
document.cookie = key + "=" + value + ";expires="+d;
},
get(key){
let arr = document.cookie.split("; ")
var result = {}
arr.forEach(item=>{
let key = item.split("=")[0];
let value = item.split("=")[1];
result[key]=value;
})
return key?result[key]:result;
},
remove(key){
if(this.get(key)){
document.cookie = key + "=18;expires=" + new Date('1999-09-09');
return true;
}
else{
return false;
}
}
}
localStorage
* setItem(key,value) 写入
* getItem(key) 获取
* removeItem(key) 删除
* clear() 清空
* .length 返回有几条数据
sessionStorage
* setItem(key,value) 写入
* getItem(key) 获取
* removeItem(key) 删除
* clear() 清空
* .length 返回有几条数据
cookie,localStorage和sessionStorage它们之间的区别。
* cookie写法麻烦,兼容性好,可灵活设置生命周期。
* localStorage相对于cookie来说写法简单,兼容性一般,是永久性存储并不可设置过期时间。
* sessionStorage相对于localStorage来说只有生命周期不一样,这个生命周期是会话(存活与当前标签页中)。