1. 程式人生 > >cookie、session、sessionStorage和localStorage的區別

cookie、session、sessionStorage和localStorage的區別

請描述一下cookie、sessionStorage和localStorage的區別

特性 Cookie localStorage sessionStorage
資料的生命期 一般由伺服器生成,可設定失效時間。如果在瀏覽器端生成Cookie,預設是關閉瀏覽器後失效 除非被清除,否則永久儲存 僅在當前會話下有效,關閉頁面或瀏覽器後被清除
存放資料大小 4K左右 一般為5MB 一般為5MB
與伺服器端通訊 每次都會攜帶在HTTP頭中,如果使用cookie儲存過多資料會帶來效能問題 僅在客戶端(即瀏覽器)中儲存,不參與和伺服器的通訊 僅在客戶端(即瀏覽器)中儲存,不參與和伺服器的通訊
易用性 需要程式設計師自己封裝,源生的Cookie介面不友好 源生介面可以接受,亦可再次封裝來對Object和Array有更好的支援 源生介面可以接受,亦可再次封裝來對Object和Array有更好的支援

++++++++++++++++++

應用場景:

因為考慮到每個HTTP請求都會帶著Cookie的資訊,所以Cookie當然是能精簡就精簡啦,比較常用的一個應用場景就是判斷使用者是否登入。針對登入過的使用者,伺服器端會在他登入時往Cookie中插入一段加密過的唯一辨識單一使用者的辨識碼,下次只要讀取這個值就可以判斷當前使用者是否登入啦。還用於記錄使用者的訪問習慣等。
而另一方面localStorage接替了Cookie管理購物車的工作,同時也能勝任其他一些工作。比如HTML5遊戲通常會產生一些本地資料,localStorage也是非常適用的。如果遇到一些內容特別多的表單,為了優化使用者體驗,我們可能要把表單頁面拆分成多個子頁面,然後按步驟引導使用者填寫。這時候sessionStorage的作用就發揮出來了sessionStorage可以很方便進行頁面傳值。

cookie、sessionStorage、localStorage 詳解及應用場景

1、cookie資料存放在客戶的瀏覽器上,session資料放在伺服器上。

2、cookie不是很安全,別人可以分析存放在本地的COOKIE並進行COOKIE欺騙
考慮到安全應當使用session。

3、session會在一定時間內儲存在伺服器上。當訪問增多,會比較佔用你伺服器的效能
考慮到減輕伺服器效能方面,應當使用COOKIE。

4、單個cookie儲存的資料不能超過4K,很多瀏覽器都限制一個站點最多儲存20個cookie。

5、所以個人建議:
將登陸資訊等重要資訊存放為SESSION
其他資訊如果需要保留,可以放在COOKIE中