ローカルストレージ：cookie、localStorage、sessionStorage。

ローカルストレージ：cookie、localStorage、sessionStorage。

cookie：ドキュメントオブジェクトの下の属性。

• タイプは「小さなテキストファイル」です。これは、ユーザーのIDを識別し、セッション（セッション制御）追跡を実行するために、一部のWebサイトによってユーザーのローカル端末に保存されるデータ（通常は暗号化）です。情報は、によって一時的または永続的に保存されます。ユーザーのクライアントコンピューター。

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的生命周期是会话（存活与当前标签页中）。