前端掃雷之cookie/localStorage/sessionStorage

NO IMAGE

cookie

伺服器向瀏覽器發放的一小撮資料並由瀏覽器儲存在本地(過期時間為正時),每次請求都會在報文首部攜帶上,主要是為了解決http請求無狀態的問題。

localStorage/sessionStorage

是HTML5提供的兩種在客戶端儲存資料的新方法,彌補了cookie儲存量小,參與請求導致的不適用於大量資料本地儲存問題。

三者比較

特點cookielocalStoragesessionStorage
作用用於http狀態保持本地儲存本地儲存
大小一般為4K一般為5M一般為5M
生存週期可設定永久瀏覽器視窗關閉消失
跨域不可跨域不可跨域不可跨域
http請求是否攜帶攜帶不攜帶不攜帶

英文參考連結:Using the Web Storage API