ローカル ストレージ (localstorge) は html5 の新しい仕様です。プロジェクトでも広く使用されています。データの永続的なストレージ (5M 未満のみ) を実現できます。これは、ユーザーが積極的にクリーンアップしないか、Web サイトがアクティブ クリーニングを行わないことを意味します、この機能を使用すると、電子デバイスに永久に保存され、特定の状態を永続的に保存するために使用されます。たとえば、一部の情報はユーザーのパーソナルセンターにありますが、最大の欠点はローカルに保存されるため、違法な Web サイトに盗まれやすいことです。
セッションの特徴は、ユーザーが Web ページを開くとセッションを開始し、ユーザーが Web ページを閉じるとセッションを閉じることです。同様に、データを保存することもできます。セッション ストレージ (sessionstorge) はローカル ストレージと同様の方法で使用されます。違いは、セッション ストレージはユーザーが Web サイトを閉じた後に破棄され、ユーザーが積極的にクリーンアップする必要がないことです。 。これは、ユーザーのログイン ページの認証情報の保存、ナビゲーション バーのスタイルなど、特定の状態を一時的に保存するために使用されます。
ここでは localstore を例に挙げます (ローカル ストレージの使用量が多くなり、セッション ストレージの使用量が減ります)
localstore.setItem("key","value") はローカル ストレージに保存され、getItem("key") メソッド、removeItem("key") を使用してキー値を介して対応する値を取得します。このメソッドは特定の値を削除できます。データ。clear() はローカルストレージをクリアします
ローカル ストレージはコンソールで確認できます。たとえば、csdn によってコンピューターにローカルに保存されているデータなどです。
セッションストレージ
では、csdn を終了するとどうなるでしょうか?
セッションストレージがクリアされました。他の Web サイトからの情報を保存するために Web サイトを閉じると、ローカル ストレージもクリアされます。
さらに localstorge を例に挙げます。彼は配列を文字列として保存できます。JSON.stringify() を使用して配列をローカル ストレージに保存します。
let numArr=[1,"abc",true]
localstorge.setItem("num",JSON.stringify(numArr))
console.log(localstorge)
次のような JSON.parse() メソッドを使用してこの配列を取り出します。
let takeArr=JSON.parse(localstorge.getItem("num"))
console.log(takeArr)