【我的前端自學之路】【HTML5】web 存儲
阿新 • • 發佈：2019-03-10
class 技術 沒有 之路 cookie bubuko 聯系 響應 第二周
以下為自學筆記內容，僅供參考。
轉發請保留原文鏈接：https://www.cnblogs.com/it-dennis/p/10503539.html
什麽是Web存儲
cookie最大的缺陷是在每一次HTTP請求中都會攜帶所有符合規則的cookie數據.這會增加請求響應時間,特別是XHR請求. 在HTML5中使用sessionStorage和localStorage代替cookie是更好的做法.這兩種都屬於web storage，相較於cookie更加安全和快速。數據不會保存在服務器上，可以存儲大量的數據而不影響服務器的性能。
Web存儲的兩種方式
local storage
localStorage 對象存儲的數據沒有時間限制。第二天、第二周或下一年之後，數據依然可用。
session storage
針對一個 session 的數據存儲。當用戶關閉瀏覽器窗口後，數據會被刪除。
API
不管是 localStorage，還是 sessionStorage，可使用的API都相同，常用的有如下幾個（以localStorage為例）：
保存數據：localStorage.setItem(key,value); 讀取數據：localStorage.getItem(key); 刪除單個數據：localStorage.removeItem(key); 刪除所有數據：localStorage.clear(); 得到某個索引的key：localStorage.key(index);
參考資料
https://www.w3cschool.cn/html5/html5-webstorage.html
https://www.w3cschool.cn/tanzt0/af72kozt.html
---
希望可以幫助到你，如有問題可以留言或者點擊下方圖片聯系我！
【我的前端自學之路】【HTML5】web 存儲