一、cookie 和 session 区别

　　cookie和session都是用来跟踪浏览器用户身份的会话方式，其主要区别如下：

1、保持状态：cookie 保存在浏览器端，session 保存在服务器端

2、使用方式：

（1）Cookie 机制：

  1. 如果不在浏览器中设置过期时间，cookie 被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。
  2. 如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。
  3. Cookie是服务器发给客户端的特殊信息，cookie是以文本的方式保存在客户端，每次请求时都带上它

（2）Session 机制：

  1. 当服务器收到请求需要创建session对象时，首先会检查客户端请求中是否包含sessionid。
  2. 如果有 sessionid，服务器将根据该id返回对应session对象。
  3. 如果客户端请求中没有sessionid，服务器会创建新的session对象，并把sessionid在本次响应中返回给客户端。
  4. 通常使用 cookie 方式存储 sessionid 到客户端，在交互中浏览器按照规则将sessionid发送给服务器。
  5. 如果用户禁用cookie，则要使用URL重写，可以通过response.encodeURL(url) 进行实现；当浏览器支持Cookie时，url不做任何处理；当浏览器不支持Cookie的时候，将会重写URL将SessionID拼接到访问地址后。

3、存储内容：

　　cookie只能保存字符串类型，以文本的方式；

通过类似与Hashtable的数据结构来保存，能支持任何类型的对象(session中可含有多个对象)

4、存储的大小：

　　cookie：单个cookie保存的数据不能超过4kb；session大小没有限制。

5、安全性：

　　cookie：针对cookie所存在的攻击：Cookie欺骗，Cookie截获；session的安全性大于cookie。原因如下：

  1. sessionID存储在cookie中，若要攻破session首先要攻破cookie；
  2. sessionID是要有人登录，或者启动session_start才会有，所以攻破cookie也不一定能得到sessionID；
  3. 第二次启动session_start后，前一次的sessionID就是失效了，session过期后，sessionID也随之失效。
  4. sessionID是加密的
  5. 综上所述，攻击者必须在短时间内攻破加密的sessionID，这很难。

6、cookie 和 session 各自的局限性

（1）cookie 缺点：

  1. 大小受限
  2. 用户可以操作（禁用）cookie，使功能受限
  3. 安全性较低
  4. 有些状态不可能保存在客户端。
  5. 每次访问都要传送cookie给服务器，浪费带宽。
  6. cookie数据有路径（path）的概念，可以限制cookie只属于某个路径下。

（2）session 缺点

  1. Session保存的东西越多，就越占用服务器内存，对于用户在线人数较多的网站，服务器的内存压力会比较大。
  2. 依赖于cookie（sessionID保存在cookie），如果禁用cookie，则要使用URL重写，不安全
  3. 创建Session变量有很大的随意性，可随时调用，不需要开发者做精确地处理，所以，过度使用session变量将会导致代码不可读而且不好维护。

二、cookie 与 HTML5的本地存储

1、cookie存储永久数据存在问题：

  1. 大小：cookie的大小被限制在4KB。
  2. 带宽：cookie是随HTTP事务一起被发送的，因此会浪费一部分发送cookie时使用的带宽。
  3. 复杂性：要正确的操纵cookie是很困难的。

2、sessionStorage：将数据保存在session对象中。

　　所谓 session，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间。

　　session对象可以用来保存在这段时间内所要求保存的任何数据。

3、localStorage：将数据保存在客户端本地的硬件设备(通常指硬盘，也可以是其他硬件设备)中

　　即使浏览器被关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可以继续使用。

　　这两者的区别在于，sessionStorage为临时保存，而localStorage为永久保存。

4、WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。

　　WebStorage两个主要目标：

（1）提供一种在cookie之外存储会话数据的路径。

（2）提供一种存储大量可以跨会话存在的数据的机制。

（3）localStorage（本地存储）和sessionStorage（会话存储） ——  一个注重“本地”，一个注重“会话”

三、localStorage 和 sessionStorage区别

1、生命周期：永久  -  当前会话（注意浏览器窗口的概率）

　　localStorage 的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除数据，否则数据永远不会消失。

　　sessionStorage的生命周期是在仅在当前会话下有效。

　　需要注意的是：sessionStorage引入了一个“浏览器窗口”的概念，sessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭，即使刷新页面或者进入同源另一个页面，数据依然存在。但是sessionStorage在关闭了浏览器窗口后就会被销毁。

　　同时独立的打开同一个窗口同一个页面，sessionStorage也是不一样的。

2、存储大小：相同，均为 5M

　　localStorage和sessionStorage的存储数据大小一般都是：5MB

3、存储位置：相同，均在客户端，不参与交互通信

　　localStorage和sessionStorage都保存在客户端，不与服务器进行交互通信。

4、存储内容类型：

　　localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理

5、获取方式：

　　localStorage：window.localStorage、sessionStorage：window.sessionStorage

6、应用场景：

　　localStoragese：常用于长期登录（+判断用户是否已登录），适合长期保存在本地的数据。sessionStorage：敏感账号一次性登录；

四、cookie 与 webstorage 对比

1、WebStorage的优点：

  1. 存储空间更大：cookie为4KB，而WebStorage是5MB；
  2. 节省网络流量：WebStorage不会传送到服务器，存储在本地的数据可以直接获取，也不会像cookie一样每次请求都会传送到服务器，所以减少了客户端和服务器端的交互，节省了网络流量；
  3. 对于那种只需要在用户浏览一组页面期间保存而关闭浏览器后就可以丢弃的数据，sessionStorage会非常方便；
  4. 快速显示：有的数据存储在WebStorage上，再加上浏览器本身的缓存。获取数据时可以从本地获取会比从服务器端获取快得多，所以速度更快；
  5. 安全性：WebStorage不会随着HTTP header发送到服务器端，所以安全性相对于cookie来说比较高一些，不会担心截获，但是仍然存在伪造问题；

　　WebStorage提供了一些方法，数据操作比cookie方便；

  • setItem (key, value) ——  保存数据，以键值对的方式储存信息。
  • getItem (key) ——  获取数据，将键值传入，即可获取到对应的value值。
  • removeItem (key) ——  删除单个数据，根据键值移除对应的信息。
  • clear () ——  删除所有的数据
  • key (index) —— 获取某个索引的key

2、总结：cookie 、sessionStorage与localStorage的区别

ios 存储到 cookie 存储在cookie中_ios 存储到 cookie