データストレージメカニズムおよびキャッシュ

ストレージメカニズム
1.cookiesストレージメカニズム
クッキーって何?
クライアントがサービス側に要求を送信すると、サービス側がクライアントから送信された情報を処理すると、クッキーが生成されます.これは、サービス側に2つのメッセージがあり、一部はクライアントから送信された情報であり、もう1つはサーバが処理した情報であり、クッキーはその中の1つを保存します.その後、パケットヘッダを介してクライアントに戻ってクライアントPCマシンに保存する.これがクッキーの生成です.
利点:互換性の良い欠点:1つは、任意のhttpとともに送信されるため、ネットワークトラフィックを増加させることです.二つ目は、そのデータ容量が限られており、最大4 KBのデータしか保存できず、ブラウザの間にはそれぞれ異なる.三つ目は安全ではない.
2.LocalStorageストレージメカニズム
クライアントのローカルハードウェアデバイスにデータを保存し、ブラウザを閉じてもデータが失われることはなく、永続的な保存といえる.
データの保存

localStorage.setItem("key","value")
// 
localStorage.key = value;

データの読み込み

   = localStorage.getItem("key")
// 
   = localStorage.key

3.SessionStorageストレージメカニズム
このストレージメカニズムは、現在のセッションページのデータ内容を保存するだけで、ユーザーがブラウザを閉じると、保存されたデータも消え、一時的なストレージになります.
データの保存

sessionStorage.setItem("key","value")
// 
sessionStorage.key = value;

データの読み込み

   =sessionStorage.getItem("key")
// 
   = sessionStorage.key

seccionStorageとlocalStorageはいずれもwebストレージメカニズムに属するが、IEはSessionStorageをサポートせず、低バージョンIE(IE 6,IE 7)はLocalStorageをサポートせず、クエリー言語をサポートしない
ローカル・データベース
HTML 5時代には、サーバ側だけでなくクライアント側にデータを格納することができ、サーバの負担を大幅に軽減し、クライアントもローカルファイルにアクセスするように内蔵されたデータベースに直接アクセスできるようになった.
SQLLite
OpenDatabaseメソッドを使用してデータベースにアクセスするオブジェクトを作成します.

var db = openDatabase('db','1.0','Text DB',2*1024*1024);
//            ；   ；     ；     

実際にデータベースにアクセスする場合は、トランザクションを実行するためにtransactionメソッドを呼び出す必要があります.
indexedDB
IndexedDBは,クライアントに大量の構造化データを格納し,インデックスを用いて効率的に検索できるAPIである.
ローカルキャッシュ
ローカルキャッシュとブラウザキャッシュの違い
1、ローカルキャッシュはウェブアプリケーション全体にサービスし、2ブラウザキャッシュは単一のウェブページにサービスするだけである2、どのウェブページにもウェブキャッシュがあるが、ブラウザキャッシュは指定されたページ3だけをキャッシュする3、ブラウザキャッシュは安全ではなく、信頼できない.それらの内容がキャッシュされていることが分からないため、ローカルキャッシュは信頼できる.キャッシュされたページと内容を指定できるため、開発者がコントロールできるようにします.