localStorage 与sessionStorage, cookie

[gdutwyg]

localStorage 与 sessionStorage 是html5新增的两种本地存储方式； 了解二者的特性方便在不同的场景下使用它们；

localStorage

• 如果没有手动删除；则永久存储在浏览器端；
• 只要ip 端口 协议三者同一；即可共享localStorage，即使是不同tab(同个浏览器)
• 不同浏览器不能共享
• 最多能存储5M

sessionStorage

• 关闭浏览器或者关闭tab标签页 sessionStorage即被清除
• 不同tab页sessionStorage不可共享， 除非同个tab 下iframe是同源的
• 最多能存储5M

二者共同方法： getItem, setItem,removeItem, clear 事件： storage

cookie

• 生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。 存放数据大小为4K左右 。
• 有个数限制（各浏览器不同），一般不能超过20个。
• 与服务器端通信：每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题

用法：

// 默认是当前域名 path路径下可访问
document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

tips: cookie中存放不敏感的数据 控制cookie的生命期，使之不会永远有效。