sessionStorage，localStorage，Cookie的概述和區別

sessionStorage:

用于本地存儲一個會話（session）中的數據，這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之清除。因此sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲。

localStorage:

用于持久化的本地存儲，除非主動刪除數據，否則數據是永遠不會過期的。
以上兩者僅在客戶端（即瀏覽器）存儲，不參與服務器通信。

cookie:

存儲在用戶本地終端上的數據。有時也用cookies,指某些網站為了辨別用戶身份，進行session跟蹤而存儲在本地終端上的數據，通常經過加密。一般應用最典型的案例就是判斷注冊用戶是否已經登陸過該網站。

區別：

1.cookie支持的數據內容小，8k左右。localStorage目前能支持到10M。
2.cookie不能跨域訪問，作為http請求的一部分，無意中增加寬帶。localStorage，客戶端存儲。
3.cookie需要前端開發者自己封裝setCookie,getCookie.而webStorage擁有setItem, getItem, removeItem, clear等方法。

應用：

使用sessiongStorage存儲方法

sessionStorage[key]=value         //保存一個數據
  sessionStorage.setItem(key,value);  //保存一個數據
  var v = sessionStorage[key]        //讀取一個數據
  var v = sessionStorage.getItem(key);//讀取一個數據
  sessionStorage.removeItem(key);   //刪除一個數據
  sessionStorage.clear();            //清除所有數據
  sessionStorage.length;            //數據數量
  sessionStorage.key(i);             //獲取第i個key

使用localStorage存儲方法

localStorage[key]=value         //保存一個數據
  localStorage.setItem(key,value);  //保存一個數據
  var v = localStorage [key]        //讀取一個數據
  var v = localStorage.getItem(key);//讀取一個數據
  localStorage.removeItem(key);   //刪除一個數據
  localStorage.clear();            //清除所有數據
  localStorage.length;            //數據數量
  localStorage.key(i);             //獲取第i個key