本地存储学习总结

本地存储的方式

localStorage

1. 数据存储在本地电脑上，生命周期永久生效，除非手动删除，否则关闭页面也会存在
2. 可以多窗口（页面）共享（同一浏览器可以共享）
3. 以键值对形式存储
4. 使用方法：
   1. 创建数据localStorage.setItem(key, value);
   2. 获取数据localStorage.getItem(key);
   3. 删除数据localStorage.removeItem(key);
   4. 清空数据localStorage.clear();
5. 使用时的注意事项：
   1. localStorage只能存储字符串格式，若存储的信息为对象，需要将对象转换为字符串（JSON.stringify(data)）
   2. 获取时记得将字符串重新转换为对象（JSON.parse()）

SessionStorage

1. 数据存储在浏览器的session对象中，生命周期为进入网站到网站关闭的时间，关闭页面时清除session
2. 在同一窗口数据可以共享
3. 以键值对形式存储
4. 使用方法：
   1. 创建数据sessionStorage.setItem(key, value);
   2. 获取数据sessionStorage.getItem(key);
   3. 删除数据sessionStorage.removeItem(key);
   4. 清空数据sessionStorage.clear();

Websql

IndexDB

BFCache