type
status
date
slug
summary
tags
category
icon
password
localStorage 是 HTML5 引入的本地存储机制,可以在浏览器端保存键值对数据。
特点
- 数据存储在浏览器端,页面关闭后数据不丢失
- 储存空间较大,不同浏览器支持至少 5MB 存储
- API简单,可以直接像操作对象一样使用
- 数据格式为字符串类型,需要自行序列化和反序列化
- 同源的页面间可以共享 localStorage 数据
- 数据有更好的安全性和生命周期,相比cookie更适合存储重要信息
使用
- 存储数据:
- 获取数据:
- 移除数据:
- 清空所有数据:
- 遍历所有键值:
应用场景
localStorage 适合保存应用程序需要记住的少量数据,如用户设置、表单自动填充等。
不适合存储敏感信息,因为数据可以被查看和修改。
大量数据也不适合存入 localStorage,可以考虑 IndexedDB 或服务器端存储。
总之,明智地使用 localStorage 可以在一定程度增强 Web 应用程序的用户体验。
那么，如何给localStorage加上有效期呢
使用
- 作者:IMyself
- 链接:https://blog.lmyself.top//article/7c64c276-ea40-403c-96de-01c6432c69a1
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
相关文章