本地存储:cookie,localStorage,sessionStorage。
cookie:document对象下的一个属性。
类型为“小型文本文件 ”,是某些网站为了辨别用户身份,进行Session(会话控制)跟踪而储存在用户本地终端上的数据(通常经过加密),由用户客户端计算机暂时或永久保存的信息 。
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来说只有生命周期不一样,sessionStorage的生命周期是会话(存活与当前标签页中)。