三者都由html5 Web storage API提供(都是在瀏覽器端存儲的數據),方便web請求之間保存數據,避免數據在瀏覽器和服務器之間不必要地來回傳遞。
Cookie
- 非常小,大小限制4kb左右。主要用于保存登陸信息。
- 每個域名存儲量比較小,所有域名的存儲量有限制(各個瀏覽器不同)
- 隨請求發送到服務器
LocalStorage
- 永久存儲
- 單個域名存儲量較大(5M左右,各個瀏覽器不同)
- 總體數量無限制
SessionStorage
- 引入了一個“瀏覽器窗口”的概念.僅在當前會話下有效,關閉頁面或瀏覽器后被清除。也就是說只要這個瀏覽器窗口沒有關閉,即使刷新頁面或進入同源另一頁面,數據仍然存在。
- 存儲量大(推薦沒有限制, 但是實際上各個瀏覽器不同)
image.png