理解cookie、localStorage、sessionStorage之不同

cookie、sessionStorage、localStorage之间区别

cookie与服务器交互，Storage不与服务端交互。
cookie、localStorage收同源策略限制，也就是不同协议、域名、端口网页之间不能相互访问；sessionStorage每创建一个页面会创建独立的会话。
cookie大小限制在4kb;Storage大小限制在5MB

localStorage与sessionStorage之间区别

1. localStorage受同源策略的限制。换句话，就是协议、端口、域名不同，就不能访问localStorag。并且，localStorage是永久有效。
2. sessionStorage是在当前的页面或会话有效。页面重新加载、恢复页面，sessionStorage仍然可以获得；关闭浏览器窗口对应的tabs,会清除sessionStorage;打开多个相同URL的tabs，会创建各自的sessionStorage;在新标签或窗口打开页面页面时，会复制顶级会话的上下文，作为新的上下文。（sessionStorage数据只能由最初存储数据的页面使用）
3. 存储的对象都是转成字符串，使用的时候需要调用JSON.parse()
4. 操作localStoage和sessionStorage会触发Stoarge事件。

参考：
浏览器同源政策及其规避方法
localStorage
sessionStorage