Almacenamiento local: cookie, localStorage, sessionStorage.

Almacenamiento local: cookie, localStorage, sessionStorage.

cookie: un atributo debajo del objeto del documento.

• El tipo es " archivo de texto pequeño ", que son los datos (generalmente encriptados) almacenados en el terminal local del usuario por algunos sitios web con el fin de identificar la identidad del usuario y realizar el seguimiento de la sesión (control de sesión). La información es guardada temporal o permanentemente por la computadora cliente del usuario.

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: Se utiliza para guardar los datos de todo el sitio web durante mucho tiempo, los datos guardados no tienen tiempo de caducidad hasta que se eliminan manualmente.

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

sessionStorage: Se utiliza para guardar temporalmente los datos de la misma ventana (o pestaña), que se eliminarán después de cerrar la ventana o pestaña.

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

La diferencia entre cookie, localStorage y sessionStorage.

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