cookie、localStorage、sessionStorage

Cookie的弊端

1. cookie的生成数量

• 在IE6以下，最多20个cookie
• IE7以后的版本最多50个cookie
• Firefox最多50个cookie
• Chrome和Safari没有硬性限制
• IE和Opera会清理近期没有使用的cookie，Firefox随机清理
• cookie最大为4096字节，为了兼容性一般不会超过4095字节
• IE5以上提供了userData,每个域名下最多存储1M。存放在缓存中，如果没有清理，长期存在。
• cookie的优点：数据持久性；cookie存储在客户端，不会占据服务端资源；可以设置cookie的有效周期；简单性，基于文本d 轻量结构。

2. 合理使用cookie的优点

• 通过良好的变成，可以控制保存在cookie中的session对象的大小
• 通过加密技术和安全传输技术，减少cookie被破解的可能性。
• 只在cookie中存放不敏感的信息，被盗也不会造成重大损失。
• 控制有效期

3. cookie的缺点

• cookie数量和大小十分受限
• 安全性问题。不需要破解，直接转发即可达到目的。
• 使用范围受限。并不是所有状态都能够通过保存到cookie得到解决。

html中的存储方式

1. html5中提供了两种存储方法：sessionStorage和localStorage。两者统称webstorage，不同浏览器不能共享，同浏览器共享localStorage。满足同源情况下可以共享sessionStorage。两者都存储在本地客户端。存储类型为字符串类型

• 大小约5M（不同浏览器不同）
• sessionStrorage:本地存储一个会话有效的数据，仅仅是会话级别的数据，会话结束后数据也会销毁。
• localStorage是一个长期有效的本地存储，非主动删除，一直有效。

2. 获取方式

• sessionStrorage:window.sessionStrorage
• localStorage:window.localStorage

3. 应用场景

• 长期有效的可以使用localStorage
• 敏感操作 一次有效 使用sessionStrorage

4. 相比cookie

• 能够存储更多的数据。
• 节省流量，节约服务器资源：由于不会传输到服务器，节约流量。并且本地获取比服务器更快，所以效率更高。