cookie(小甜饼)
存储在用户本地终端上的数据。
- Cookie 是服务器保存在浏览器的一小段文本信息，每个 Cookie 的大小一般不能超过4KB。浏览器每次向服务器发出请求，就会自动附上这段信息。
- 有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。
- 一般应用最典型的案列有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。
Web Storage 包含如下两种机制：为每一个给定的源（given origin）维持一个独立的存储区域。
sessionStorage(会话存储)
顾名思义，该存储区域在页面会话期间可用，数据在页面会话结束时会被清除。
localStorage(本地存储)
在浏览器关闭，然后重新打开后数据仍然存在。
被大多数浏览器所支持
这两种机制是通过 Window.sessionStorage和 Window.localStorage 属性使用—— 调用其中任一对象会创建 Storage对象，通过 Storage对象，可以设置、获取和移除数据项。对于每个（origin）sessionStorage 和 localStorage 使用不同的 Storage 对象——独立运行和控制。
| 特性 | Cookie | localStorage | sessionStorage |
|---|---|---|---|
| 数据的生命期 | 可设置失效时间，默认是关闭浏览器后失效 | 除非被清除，否则永久保存 | 仅在当前会话下有效，关闭页面或浏览器后被清除 |
| 存放数据大小 | 4K左右 | 一般为5MB | 一般为5MB |
| 与服务器端通信 | 每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题 | 仅在客户端（即浏览器）中保存，不参与和服务器的通信 | 仅在客户端（即浏览器）中保存，不参与和服务器的通信 |
| 易用性 | 需要程序员自己封装，源生的Cookie接口不友好 | 源生接口可以接受，亦可再次封装来对Object和Array有更好的支持 | 源生接口可以接受，亦可再次封装来对Object和Array有更好的支持 |
网友评论