我的验证码过期了,怎样才能重新验证?
浏览器阻止了所有cooki
如何巧妙给localStorage设置过期时间?
我们知道,HTML5增加了许多新功能,其中之一就是本地存储。但是目前很多开发者并没有很好的利用这个特性。
什么是本地存储?简单来说,HTML5引入本地存储是为了避免浏览器和服务器之间不必要的数据传输,本地存储属于Web存储。很多时候,有一些数据需要存储在客户端。在这种情况下,非常适合使用本地存储,因为本地存储可以存储的数据容量比cookie大得多。
本地存储在不同的浏览器中有不同的支持级别和数据容量。一般可以存储5M左右的数据,而cookie只能存储4K数据。
以Chrome浏览器为例,打开调试模式(在页面右击检查应用)就可以看到本地存储数据。
本地存储的特点本地存储本地存储它有很多特点,主要包括以下几点:
它只存储在客户端,不会与服务器端通信;
存储的所有数据都是字符串数据(所有数据都会自动转换成字符串进行存储);
是永久存储(除非人工清理);
还有就是同源策略,不同网站不能共享本地存储。
本地存储如何设置过期时间?如上所述,本地存储的一个特点是永久存储,默认没有过期时间。与cookie不同,它可以设置TTL。那么如何模拟本地存储过期时间呢?这里给出的方案的思想是这样的:
1.在设置密钥时,我们在内容后添加一个过期时间戳(比如用特定符号隔开),或者每个密钥对应附加一个过期时间密钥,比如一个名为keyNameexpires的密钥;
2.获取密钥时,判断是否有对应的扩展密钥(即过期的时间密钥)。如果有,判断当前时间是否大于过期时间戳。如果是,就删除键。
那个这是我的看法。你怎么看待这个问题?欢迎在下方评论区交流~我是科技领域的创作者,有十年互联网行业经验。欢迎关注我了解更多科技知识!