什麼是cookie？

通俗的說就是當一個使用者通過HTTP協議訪問一個伺服器的時候，這個伺服器會將一些鍵值對（key：value）返回給客戶端瀏覽器，並在這些資料上加一些限制，在條件符合是，這個使用者下次訪問這個瀏覽器的時候，資料又被完整的待會給伺服器；cookie是瀏覽器提供的一種機制，可以有javascript對其進行控制，而不是javascript本身的性質

我們也可以這樣來理解：

cookie就像是第一次去超市，第一次辦了一張會員卡，會員卡里存了你的一些個人資訊，下次再繼續來這個超市時，超市會識別你的購物卡，

cookie的缺點：

1.數量和長度的限制：

每個域的cookie的cookie總數是有限的，IE6及以下最多20個，IE7及以上可以50個，FF最多50個，Chrome和Safair沒有做應限制。cookie的長度也有限制，最靠將儲存的內容控制在4KB左右；

2.安全性問題：

cookie把所有儲存的資料通過http協議的頭部從客戶端傳遞到伺服器，又從服務端傳回到客戶端，所有資料都儲存在客戶端的瀏覽器裡，所以這些cookie中的資料可以被訪問到，如果cookie被人攔截了，name就可以取得cookie內的所有資訊，即使加密也沒有用，因為攔截者不需要知道cookie的意義，他只要原樣轉發就可以了

3.效能問題：

由於所有cookie都會由瀏覽器作為請求頭髮送，所以在cookie中儲存大量資訊會影響特定域的請求效能

4.使用者：

使用者是可以自己禁止cookie的；

session：

除了cookie，web瀏覽器中還會使用session來儲存客戶端的登入狀態。不同於cookie的是，session儲存在伺服器上。session相當於程式在伺服器上建立了一份使用者檔案，客戶來訪問時只需要查詢客戶檔案表就可以了。

webstorage：

webstorage是h5中本地儲存的解決方案之一，目的是用來克服cookie的一些限制，在h5中引入webstorage這個概念並不是為了取代cookie而指定的標準，cookie作為http協議的一部分，來處理客戶端和伺服器端的通訊是不可或缺的。

webstorage的意圖在於解決本地本不應該用cookie卻不得不用cookie的本地儲存。

webstorage的優勢：

1.容量上：

 webstorage：一般瀏覽器課提供5M的空間

2.安全性：

webstorage並不作為http請求頭髮送到瀏覽器所以相對安全，

3.流量上：

webstorage不傳送到伺服器，所以可以節省不必要的流量

webstorage的分類：

h5的webstorage分為兩個部分：

localStorage和sessionStorage，兩者的差別就就在於生命週期的不同：

sessionStorage用於儲存本地會話中的資料，這些資料只有在同一個會話中的頁面才能訪問，並且當會話結束後，資料也隨之被銷燬，因此 sessionStorage僅僅是一個會話級別的儲存；而localStorage相反，除非手動刪除資料，否則資料是永遠不會過期的；

session和cookie的區別：

1.session儲存在伺服器，客戶端不知道其中的資訊；cookie儲存在客戶端，伺服器可以知道其中的資訊；

2.session中儲存的是物件，cookie中儲存的是字串；

3.session不能區分路徑，同一個使用者在訪問網站期間，所有的session在任何一盒頁面內都可以訪問到；而cookie如果設定了路徑引數，name同一個網站下的不同路徑的cookie是不可以訪問到的

4.session會在一定時間儲存在伺服器上，當訪問增多，會佔用伺服器的效能，所以考慮到減輕伺服器的壓力，推薦使用cookie

5.單個cookie儲存的資料不能超過4KB，

6.session是通過cookie來工作的

cookie sessionStorage 和 cookieStorage的區別：

很多資料裡已經很詳細的介紹過三者的聯絡和區別了，在這裡我們主要說一下三者的區別：

1.cookie資料始終在同源的http請求中攜帶，也就是說cookie在伺服器端和客戶端來回傳遞；而sessionStorage和localStorage不會自動把資料傳送給伺服器，只儲存在本地

2.cookie資料有路徑的概念，可以限制路徑

3.儲存大小的不同

4.資料的有效期不同：

sessionStorage:   僅在當前瀏覽器關閉前有效；

localStorage：始終有效，視窗或者瀏覽器關閉後也有效，所以可以持久儲存資料；

cookie：只在設定的過期時間之前有效

5.作用域不同：

sessionStorage：不在不同的瀏覽器視窗中共享，即使是同一個頁面；

localStorage：在所有同源視窗中都是共享的；

cookie：在所有同源視窗中共享；

6.web storage支援時間通知機制，可以將資料更新的通知傳送給監者；

7.web storage的api介面使用更方便