ローカルストレージ——CookieとWeb Strage


Cookiecookieは、クライアントがデータを記憶するために使用するものであり、クライアント設定もサーバ端に設定も可能である.cookieは、任意のHTTP要求に従って一緒に送信される.
Web Stragehtml5規格におけるWeb Storageは、同じセッションのページにしかアクセスできず、セッション終了後にデータも廃棄される2つの記憶方式を含む.したがって、sessionStorageはセッションレベルの記憶だけであり、永続化されたローカル記憶のためにlocalStorageは使用される.積極的にデータを削除しない限り、データはいつまでも期限が切れることはない.
違いますsessionStorageおよびsessionStorageは、いずれもクライアントがデータを格納するために使用するものであり、違いは、より大容量の記憶設計のためのlocalStorageのサイズは制限されており、最大Web Storageのデータしか記憶できない.そして、新しいページを要求するたびに、Cookieは送信されます.そうすると、帯域幅が無駄になります.また、安全ではないので、ブロックされやすいです.Cookie4KBCookieWeb StoragesetItemなどの方法を持っています.getItemは自分のパッケージremoveItemclearなどの方法が必要ではありません.cookie仕様の一部として存在し、setCookieはローカルにデータを格納するためだけに生成される.
操作方法
  • getCookie
    sessionStorage.setItem("name","leoyaojy");
    localStorage.setItem("website","luckyw.cn");
  • Cookie
    sessionStorage.getItem("name");        //leoyaojy
    localStorage.getItem("website");    //luckyw.cn
  • Cookie
    sessionStorage.removeItem("name");
    localStorage.removeItem("website");
  • HTTP
    sessionStorage.clear();
    localStorage.clear();
  • 他の操作方法:Web StorageおよびsetItem
    sessionStorage.name = "leoyaojy";
    console.log(sessionStorage["name"]);
    
    localStorage["website"] = "luckyw.cn";
    console.log(localStorage.website);
  • getItemおよびremoveItemは、データ
    for (var i=0, len = localStorage.length; i
  • を巡回している.