Storage、Session和Cookies的不同
localStorage、sessionStorage和cookies都是客户端存储方案，session是一种直接受你控制的服务器端存储方案
localStorage and sessionStorage
是一种新的API，不是所有浏览器都支持。sessionStorage只在浏览器Tab打开的阶段存活(页面刷新也存活)，Tab窗口关闭数据也就都消失了。如果你想要让其数据在浏览器窗口Tab关闭之后也有的话，请使用localStorage。sessionStorage和localStorage可以存储一些不敏感的信息，它们很容易就能被用户修改，所以尽量不要太依赖这些信息。
存储容量：对于大多数浏览器，大概在5MB左右，而且也不会每次都发送给服务器，节省了金钱。
同源限制：都遵守同源限制
localStorage可以接替以前Cookie管理购物车的工作，同时也可以存储一些HTML5游戏的数据
| 特性 | Chrome | Firefox(Gecko) | Internet Explorer | Opera | Safari(WebKit) |
|---|---|---|---|---|---|
| localStorage | 4 | 3.5 | 8 | 10.50 | 4 |
| sessionStorage | 5 | 2 | 8 | 10.50 | 4 |
cookies
用户也可以修改这类数据，存储敏感信息的唯一地方就是session，cookies经常被用于验证和保护数据，所以每次请求所有的cookies总是会被发往服务器，所以你不能存太大的东西。一般也就存放一些用于验证、session和广告跟踪的tokens即可
存储容量：大概为4kb左右 生存时间：在浏览器端生成的话，默认是关闭浏览器失效
localStorage vs. sessionStorage vs. Cookies
cookies只允许存放字符串sessionStorage和localStorage允许你存放JavaScript primitives，但是Objects和Arrays不可以session也会让你存放任何东西
What is the difference between localStorage, sessionStorage, session and cookies? Advantage of SessionStorage over Cookie 详说 Cookie, LocalStorage 与 SessionStorage