h5--ローカルストレージのsessionStorage、のlocalStorage

それぞれの利点と、いくつかの保存方法のシーン

• ストレージ特点（のsessionStorage、localStorageを）：

1. 1. 5Mのストレージ容量
   2. クライアントが完了すると、サーバーは要求を処理しません。
   3. sessionStorageのデータが共有されていない、のlocalStorageシェア、
   4. 同じAPI

      1. getItemは//レコードをフェッチ

      2. setIten //セットの録音

      3. removeItem //レコードを削除します

      4. //キーは、キーに対応する値をとります

      5. //明確な履歴のクリア

   5. メモリ内容
      1. あれば、コンテンツのシーケンスと同様に文字列に格納されていてもよいです

sessionStorage：

1. 1. 、現在のページにデータが消えたときにページを開いたり閉じたりするための新しいページを法律。
   2. 別のブラウザウィンドウのデータが共有されていません

ローカルストレージ：

1. 1. 手動で削除しない限り、常に存在し、
   2. 別のブラウザのデータ共有

データを変更または削除した場合、それはイベントストレージをトリガーします

 

    ウィンドウオブジェクトのデータ変更でトリガされていません

注：ウィンドウとのセッションは、例えば：iframeの操作

   window.addEventListener（ 'ストレージ'、関数（E）{ 
            にconsole.log（e.key）//キー値変更または削除
            はconsole.log（e.newValueの）//値新たに記憶
            はconsole.log（e.oldValue ）//変更前の値を呼び出す
            にconsole.log（e.storageArea）//現在のストレージオブジェクト
            スクリプトの変更をトリガーし、文書の（e.url）// URLをCONSOLE.LOG 
         ）}。　

• クッキー：
  

1. プロパティ

   1. クッキーは、クロス・ページのグローバル変数を実装することができます 
      クッキーを同じドメイン名の下に複数のページにまたがることができますが、複数のドメインが作るまたがることはできません！使用 
      するすべてのページがクッキーを共有同じウェブサイトを 
      使用すると、有効期限を設定することができます 
      4〜10キロバイトの周りに収納スペースを

2. 一般的なアプリケーション：

   1. ユーザーのログイン状態を保存します。

   2. ユーザーの行動を追跡します。

   3. カスタムページ。

   4. ようにショッピングカートを作成して...　

3. 短所

   1. クッキーを無効にすることができます。
   2. ブラウザに関連付けられたクッキーは、あなたがお互いを訪問することはできません。
   3. ユーザーのCookieを削除してもよいです。
   4. クッキーのセキュリティが十分に高くありません。 
   5. クッキーの収納スペースがあり、非常に小さい（たっ​​たの約4〜10キロバイト）