浏览器存储

浏览器存储

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	不支持过时，默认不清理	内置	默认明文	正常