No.30ローカルストレージ

インターネットの急速な発展に伴い、ウェブベースの応用はますます普遍的になり、同時にますます複雑になり、様々なニーズを満たすために、大量のデータを常にローカルに格納することができ、HTML 5規範は関連ソリューションを提案した.ローカルストレージ特性1、データをユーザーブラウザに格納2、設定、読み取りが便利、さらにページリフレッシュも失わない3、容量が大きく、sessionStorage約5 M、localStorage約20 M 4、ローカルストレージは文字列フォーマットしか格納できないため、対象フォーマットを文字列フォーマットJSON.stringify(data) 5に変換し、ローカルストレージデータを取得する必要がある中の文字列をオブジェクトフォーマットJSON.parse(data)に変換する必要があります
一、window.sessionStorage
1、ライフサイクルはブラウザウィンドウを閉じる2、同じウィンドウ(ページ)でデータを共有できる3、キー値ペアで保存する
ストレージデータ:sessionStorage.setItem(key, value)取得データ:sessionStorage.getItem(key)データの削除:sessionStorage.removeItem(key)すべてのデータを削除:sessionStorage.clear()二、window.localStorage
1、ライフサイクルは永続的に有効で、手動で削除しない限り、ページを閉じることもできます2、複数のウィンドウ(ページ)で共有できます(同じブラウザで共有できます)3、キー値のペアで保存して使用します
ストレージデータ:localStorage.setItem(key, value)取得データ:localStorage.getItem(key)データの削除:localStorage.removeItem(key)すべてのデータを削除:localStorage.clear()