浏览器存储

浏览器存储

cookie

优点:

1. 请求自动带上
2. 可以设置过期时间，默认浏览器关闭失效

缺点：

1. 数据存储很少 4KB左右
2. 每次自动带上导致性能浪费
3. 数据类型只能为字符串
4. 安全问题 http明文传递
5. 没有原生接口

localStorage

优点：

1. 提供了原生接口
2. 更安全
3. 存储数据量更大

缺点：

1. 对象类型需要序列化和反序列化操作
2. 需要手动清除

sessionStorage

特点
关闭当前页或者浏览器，数据会被清空

indexedDB NoSQL

优点：

1. 能够原生处理对象
2. 更大的存储空间
3. 丰富的数据库操作

webSQL(被废弃)

小结

存储方案	数据类型	数据量	持久化	API	安全	同源策略
cookie	字符串	4KB	支持过期，默认关闭浏览器	无	可以设置，默认明文	正常
sessionStorage	字符串	5MB	默认关闭浏览器	内置	默认明文	要求同一窗口
localStorage	字符串	5MB	不支持过期，默认不清理	内置	默认明文	正常