HTML5でLocalStorageを使用するためのチュートリアル

この記事では、主にHTML5でLocalStorageの使用に関するチュートリアルを紹介します。 LocalStorageは、ブラウザとシステム間のローカル発信相互作用に使用されます。それを必要とする友達は、LocalStorageとは何かを参照できます

数日前、私は古いプロジェクトでCookieの奇妙な操作があることを発見しました。相談の後、私はURLにパラメーターを渡すことを避けるためにいくつかの情報をキャッシュしたかったのですが、Cookieがどのような問題をもたらすかは考えませんでした。

cookieのサイズは約4kに制限されていますが、これはビジネスデータの保存には適していません。

cookieは毎回HTTPトランザクションで送信され、帯域幅を無駄にします

私たちはモバイルプロジェクトを行っているので、ここで使用するのに適した実際のテクノロジーはLocalStorageです。 LocalStorageは、Cookieの最適化であると言えます。それを使用すると、クライアント側にデータを保存することができ、HTTPで送信されませんが、問題がないわけではありません。

colal LocalStorageサイズは約500万文字に制限されており、各ブラウザは一貫していません

clocalStorageはプライバシーモードでは読み取れません

clocalStorageは、基本的にファイルを読み書きしています。データが多すぎると、それはもっと遅くなります（Firefoxは一度にメモリにデータをインポートし、考えてみると怖くなります）

crawlersはクローラーによってrawいない、それを使用してURLパラメーターを完全に置き換えることはありません

欠陥はメリットを隠しておらず、上記のすべての問題を回避できるため、LocalStorageの使用方法とそれらを正しく使用する方法に焦点を当てる必要があります。

LocalStorageの使用

LocalStorageストレージオブジェクトには2つのタイプがあります。

①セッションストラージ：セッションはセッションを意味します。ここで、セッションでは、セッションオブジェクトの有効期間は、ユーザーが特定のWebサイトを閲覧する場合にのみ長いです。

clocalStorage：クライアントハードウェアデバイスのデータを保存してください。それが何であれ、次回コンピューターを開くときにデータがまだそこにあることを意味します。

2つの違いは、1つが一時的な保存であり、もう1つは長期保存であることです。

以下は、その基本的な使用を説明する簡単なコードです。