Armazenamento local: cookie, localStorage, sessionStorage.

Armazenamento local: cookie, localStorage, sessionStorage.

cookie: um atributo sob o objeto de documento.

• O tipo é " pequeno arquivo de texto ", que são os dados (geralmente criptografados) armazenados no terminal local do usuário por alguns sites, a fim de identificar a identidade do usuário e realizar o rastreamento de Sessão (controle de sessão). A informação é temporariamente ou permanentemente salva por o computador cliente do usuário.

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: serve para guardar os dados de todo o site por um longo tempo, os dados guardados não têm prazo de validade até serem apagados manualmente.

* setItem(key,value) 写入
* getItem(key) 获取
* removeItem(key) 删除
* clear() 清空
* .length 返回有几条数据

sessionStorage: Usado para salvar temporariamente os dados da mesma janela (ou guia), que serão excluídos após o fechamento da janela ou guia.

* setItem(key,value) 写入
* getItem(key) 获取
* removeItem(key) 删除
* clear() 清空
* .length 返回有几条数据

A diferença entre cookie, localStorage e sessionStorage.

* cookie写法麻烦，兼容性好，可灵活设置生命周期。
* localStorage相对于cookie来说写法简单，兼容性一般，是永久性存储并不可设置过期时间。
* sessionStorage相对于localStorage来说只有生命周期不一样，sessionStorage的生命周期是会话（存活与当前标签页中）。