本地存储：cookie，localStorage，sessionStorage。

本地存储：cookie，localStorage，sessionStorage。

cookie：document对象下的一个属性。

• 类型为“小型文本文件”，是某些网站为了辨别用户身份，进行Session（会话控制）跟踪而储存在用户本地终端上的数据（通常经过加密），由用户客户端计算机暂时或永久保存的信息 。

let cookie = {
    
    
	// 写入/修改cookie
	set(key,value,expires){
    
    
		let d = new Date(expires);
		document.cookie = key + "=" + value + ";expires="+d;
	},
	// 读取cookie
	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;
	},
	// 删除cookie
	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的生命周期是会话（存活与当前标签页中）。