localStorage?是 HTML5 引入的一個 Web Storage API 的一部分，它允許網頁在用戶的瀏覽器上存儲數據。localStorage?提供了一種持久化的本地存儲方案，數據不會因為瀏覽器關閉而丟失，除非用戶或腳本顯式地刪除它們。

localStorage?是一種非常實用的前端存儲技術，尤其適合那些不需要服務器交互就可以持久化存儲的數據場景。

特點

• 持久性：存儲在?localStorage?中的數據會一直保留，直到被用戶或腳本明確清除。
• 容量大：相較于 cookies，localStorage?提供了更大的存儲空間，一般為 5MB 左右，具體取決于瀏覽器實現。
• 鍵值對存儲：數據以鍵值對的形式存儲，鍵和值都是字符串。
• 安全性：存儲在?localStorage?中的數據只能被同一源策略下的腳本訪問，即同源策略限制了跨域數據訪問。

基本用法

localStorage.setItem('key', 'value');const value = localStorage.getItem('key');localStorage.removeItem('key');localStorage.clear();

生命周期

localStorage?中的數據生命周期很長，除非用戶手動清理瀏覽器緩存或腳本調用?clear()?或?removeItem()?方法，否則數據將永久保存。

例如

存儲

獲得