Cookie，LocalStorage，SessionStorage的区别

背景

・cookie字面意思小甜饼，可存容量很小4KB，通常由服务器端生成，保存登录信息，记住密码就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的
・localStorage 是 HTML5 标准中新加入的技术、取代IE6时代的userData
・sessionStorage 与 localStorage 的接口类似，可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但当页面关闭后，sessionStorage 中的数据就会被清空。

区别

特性	Cookie	localStorage	sessionStorage
数据的生命周期	一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效	除非被清除，否则永久保存	仅在当前绘画下有小，关闭浏览器后被清除
容量	4k左右	一般为5MB	同前
与服务器端通信	每次都会携带在HTTP头中，使用过多会有性能问题	仅在客户端（浏览器）中保存，不与服务器端通信	同前

应用场景

cookie 判断用户登录，登录过的用户Cookie中插入一段加密过的唯一辨识单一用户的辨识码，下次只要读取这个值就可以判断当前用户是否登录，电商购物车。。。
localStorage 购物车，H5本地游戏数据存储
sessionStorage 一个会话功能（表单输入），要拆成几个步骤，这期间的存储就由 sessionStorage负责