我的驗證碼過期了，怎樣才能重新驗證？瀏覽器阻止了所有cooki如何巧妙給localStorage設置過期時間？我們知道，HTML5增加了許多新功能，其中之一就是本地存儲。但是目前很多開發(fā)者并沒有很好的

我的驗證碼過期了，怎樣才能重新驗證？

瀏覽器阻止了所有cooki

如何巧妙給localStorage設置過期時間？

我們知道，HTML5增加了許多新功能，其中之一就是本地存儲。但是目前很多開發(fā)者并沒有很好的利用這個特性。

什么是本地存儲？簡單來說，HTML5引入本地存儲是為了避免瀏覽器和服務器之間不必要的數據傳輸，本地存儲屬于Web存儲。很多時候，有一些數據需要存儲在客戶端。在這種情況下，非常適合使用本地存儲，因為本地存儲可以存儲的數據容量比Cookie大得多。

本地存儲在不同的瀏覽器中有不同的支持級別和數據容量。一般可以存儲5M左右的數據，而Cookie只能存儲4K數據。

以Chrome瀏覽器為例，打開調試模式(在頁面右擊檢查應用)就可以看到本地存儲數據。

本地存儲的特點本地存儲本地存儲它有很多特點，主要包括以下幾點:

它只存儲在客戶端，不會與服務器端通信；

存儲的所有數據都是字符串數據(所有數據都會自動轉換成字符串進行存儲)；

是永久存儲(除非人工清理)；

還有就是同源策略，不同網站不能共享本地存儲。

本地存儲如何設置過期時間？如上所述，本地存儲的一個特點是永久存儲，默認沒有過期時間。與Cookie不同，它可以設置TTL。那么如何模擬本地存儲過期時間呢？這里給出的方案的思想是這樣的:

1.在設置密鑰時，我們在內容后添加一個過期時間戳(比如用特定符號隔開)，或者每個密鑰對應附加一個過期時間密鑰，比如一個名為keyName expires的密鑰；

2.獲取密鑰時，判斷是否有對應的擴展密鑰(即過期的時間密鑰)。如果有，判斷當前時間是否大于過期時間戳。如果是，就刪除鍵。

那個 這是我的看法。你怎么看待這個問題？歡迎在下方評論區(qū)交流~我是科技領域的創(chuàng)作者，有十年互聯網行業(yè)經驗。歡迎關注我了解更多科技知識！