Local Strage、Session Strage

window.sessionStorageおよびwindow.localStorageは、スクリプトがブラウザでデータを保存するためのインターフェースである.
Local Strage
基本的な使い方
設定

window.sessionStorage.setItem('key', 'value');
window.localStorage.setItem('key', 'value');

取得

window.sessionStorage.getItem('key')
window.localStorage.getItem('key')

クリア

localStorage.removeItem('key');
window.localStorage.clear()

完全な使い方
注意点

local Strageはhttml 5技術が提供するAPIであり、httml 5に新しく追加されたラベル、技術(promise、locastrageなどを含む)は、httml 5

と総称される.

sessionはサーバ上に存在するhashです.しかし、local Strageは実質的にはhashです.ブラウザ上のhash

だけです.

local StrageはStringタイプの文字列保存関数のみを文字列に変換します.オブジェクトを預けるときは"[object Object]"になります.({1:'xxx'}).toString()//"[object Object]"

からです.

解決方法:Jsonで保存します.例えば、localStorage.setItem('jsonString', JSON.stringify({name: 'mtt'}))

使用上の注意
local Strageのデータとjs変数の違いは何ですか?
js変数が新たに割り当てられたとき、変数の値はすぐに変更されますが、ページが更新されると、変数はまた最初の状態に戻ります.local Strageの変数はページに存在しません.windowsシステムはクライアントのローカルのCディスクの一つのファイルに存在します.
簡単な使用例
一回だけユーザに提示したいですが、今度ユーザーがこのサイトに入ると、ヒントボックスが出ません.

 let already  = localStrorage.getItem('     ')
 if(!already){
    alert('  ，          ')
    localStorage.setItem('     '， true)
 }

締め括りをつける

Local StrageはHTTPとは関係がない(cookieはhttpの頭です)

HTTP要求を送信する場合、Local Strageの値を持たない

同じドメイン名のページだけがLocal Strageを相互に読み取ることができます.

ドメイン名あたりのLocal Strageの最大記憶量は5 Mぐらいです.(ブラウザごとに異なります)

一般的なシーン:記録はユーザに提示されたことがありますか?

Local Strageは永久に有効であり、ユーザーがアクティブにキャッシュをクリアしない限り、

Session Strage
session Storrageに保存されているデータは、ブラウザの一回のセッション(session)に使用され、セッションが終了するとき(通常はウィンドウが閉じている)、データがクリアされる.local Strageに保存されているデータは長期的に存在していますが、次のサイトにアクセスすると、ページは以前に保存されていたデータを直接読み込むことができます.保存期間の長さが違っている以外は、この二つのオブジェクトの他の点でも一致しています.
まとめ:Session Storrageはユーザーがページを閉じる(セッション終了)後に無効になります.残りはlocastorgeと同じです.