01フロントエンドインタビュー：違いを説明のsessionStorageとのlocalStorageをcookices

  同じポイント：クライアントに保存することができます 

  違い： 

  図1に示すように、ストレージ・サイズ 

クッキーのデータサイズは4Kを超えることはできません。
sessionStorageとのlocalStorageも大きさに制限はなく、クッキーよりもはるかに大きいですが、あなたは5M以上に達することができます。

  2、効果的な時間t 

データは、データを削除するためのイニシアチブない限り、失われることはありません後に永続的なデータを格納するためのlocalStorageは、ブラウザが閉じられています。
現在のブラウザウィンドウを閉じた後のsessionStorageのデータが自動的に削除されます。
ウィンドウまたはブラウザを閉じた場合でも、有効期限クッキークッキーの設定まで有効。

  3、およびデータ・サーバとの間の相互作用 

クッキーのデータが自動的にサーバに送信されるたびにHTTPヘッダに運び、サーバーは、クライアントにクッキーを書き込むことができます。
sessionStorageとのlocalStorageは自動的にローカルにのみ保存され、サーバーにデータを送信しません。

  クッキーの操作 

  設定されたCookie 

  クッキーのフォーマット 

  クッキーの内容：キー=値;キー=値......ストレージ、カスタムパラメータ名 

  クッキーの有効期限：cookie.expires = 1000ミリ秒 

  クッキーのパス：パス（非互換） 

 
  VAR名= 'JEM'; 
　　　　VaRのPWD = '123'; 
　　　　VAR今=新しいDate（）; 
　　　　now.setTime（now.getTime（）+ 1 * 24 * 60×1000×60））。
　　　　VARパス= '/'; //不建议使用
　　　　document.cookie = 'NAME =' +名+ '; =期限切れに' + + now.toUTCString（） 'を、パス=' +路と document.cookie = 'PWD =' +名+ '; =期限切れに' + + now.toUTCString（） ';パス=' +路と
 
 
　　クッキーを読みます

  方法1 

 
  関数のgetKey（キー）{ 
    VARデータ= document.cookie。
    VaRのFINDSTR =キー+ '='; 
    VAR指数= data.indexOf（FINDSTR）。
    ヌルretuen場合（インデックス== -1）。
    VAR SUBSTR = data.subString（インデックス+ findStr.length）。
    VAR lastIndexの= subStr.indexof（ ';'）; 
    IF（lastIndexの== -1）{ 
         SUBSTRを返します。
    }他{ 
         subStr.substring（0、lastIndexの）を返します
     } 
}    
 
 
方法2、

 
  関数のgetKey（キー）{ 
    JSON.parseを返す（ "{\"」+ document.cookie.replace（/; \ S + / GIM、 "\"、\ ""。）を置き換える（/ = / GIM、 "\"： \ ""）+ "\"}」）[キー]。}

  クリアクッキー 

  VAR名= NULL; VARのPWD = NULL; VAR今=新しいDate（）; VARパス= "/"; //ページdocument.cookie =に特異的であってもよい "名前=" +名+は、今+ "=有効期限が切れ" .toUTCString（）+ ";パス=" +パス; //名前document.cookie = "PWD =" + + PWD ";有効期限が切れる=" + now.toUTCString（）+ ";パス=" +パス; //パスワード   

  梱包方法 

  = =」+ date.toUTCString（）満了します。}} 

  sessionStorageの使用 

 
  seddionStorage.setItem（キー、値）; //文字列でなければなりません
; VAR値= sessionStorage.getItem（キー） // またはのsessionStorage値
sessionStorage.removeItem（キー）; //はのsessionStorageの値を削除し
seddionStorage.clearを（）; / /クリアのsessionStorage
 
 
　　使用のlocalStorage

  同のsessionStorage 

 
 localStorageとのsessionStorageと横断キー属性の長さ 

 
 そして（のsessionStorageキーのlocalStorageを提供される）、長さは簡単にデータ記憶トラバーサル、例えば、次のコードを達成することができます。 

  VARストレージ= window.localStorage。用（VAR I = 0、LEN = storage.length; iがLEN <; iは++）{VARキー= storage.key（I）。VaRの値=（キー）storage.getItem。console.log（キー+ "=" +値）。} 

-------------------------------------------------- -------------------------------------------------- ----------------------

01フロントエンドインタビュー：違いを説明のsessionStorageとのlocalStorageをcookices

おすすめ