Cookie、localStorage、sessionStorageの違い:

文書ディレクトリ

cookie、localStorage、sessionStorage区別:

一、ライフサイクル:

二、保存データのサイズ:

三、サーバーとの通信:

四、操作:

Cookie、localStorage、sessionStorageの違い:

localStorage、sessionStorage  HTML5         ； cookie                  

一、ライフサイクル:
localStorage:ライフサイクルは永続的で、期限切れを設定することはできません.自分で手動で削除する必要があります.そうしないと、ページやブラウザを閉じてもlocalStorageのデータは消えません.
sessionStorage:現在のセッションのみで有効なライフサイクルであり、ページのリフレッシュも同様に存在しますが、ブラウザを閉じるか、ページを閉じるとデータが消去されます.
クッキー:一般的にサーバによって生成され、失効時間を設定できます.ブラウザ側でCookieが生成された場合、デフォルトではブラウザを閉じた後に失効します.
二、保管データのサイズ:
localStorage、sessionStorageの容量は5 Mですが、クッキーは一般的に4 kbしかありません.
三、サーバーとの通信:
localStorage、sessionStorageクライアント(ブラウザ)のみに保存され、サーバとの通信に参加せず、クッキーは毎回HTTPヘッダに持ち込まれます(弊害:クッキーを使用してデータを保存しすぎるとパフォーマンスに問題があります)
四、操作:
localStorageとsessionStorageは同じ操作方法を持っています.同じ操作方法で、名前を変えるだけでいいです.ここではlocalStorageを例に挙げます.
setItemストレージvalue:

 localStorage.setItem("name", "  ");

getItem取得value:

let names = localStorage.getItem("name");

removeItem valueを削除するには:

localStorage.removeItem("name");

clearはすべてのvalueをクリアします.

localStorage.clear();