1.cookie
- 存储期限: 永久有效,除非被手动删除;
- 数据大小: 一般为 5-10MB 左右;
- 作用域: 可以在同一域名下的所有页面中访问;
- 用途:在客户端长期存储数据,适用于跨多次会话需要保存的数据。
2.sessionStorage
- 存储期限: 在当前会话未结束之前持久有效,浏览器关闭时失效;
- 数据大小: 一般为 5-10MB 左右;
- 作用域: 仅限于当前窗口或标签页;
- 用途:在客户端临时存储数据,适用于单次会话中需要保存的临时数据。
3.localStorage
- 存储期限: 永久有效,除非被手动删除;
- 数据大小: 一般为 5-10MB 左右;
- 作用域: 可以在同一域名下的所有页面中访问;
- 用途:在客户端长期存储数据,适用于跨多次会话需要保存的数据。
- 保存值类型被限制,浏览器在隐私模式下不可读取,且不能被爬虫;
4.indexedDB
- 浏览器内置的数据库
- 事务(Transaction):IndexedDB使用事务来保证数据的一致性和完整性。
- 对象存储(Object Store):IndexedDB 使用对象存储机制来存储和检索数据。
- 索引(Index):IndexedDB中的索引是由一个或多个属性组成的,每个属性都可以选择是唯一的还是非唯一的。
- 异步操作(Asynchronous):为了避免阻塞应用程序的其他部分,IndexedDB使用异步操作进行所有的数据读取和写入。