Javascript 之 存储

cookie

本身用于客户端和服务端通信，它有本地存储的功能

cookie 用于存储的缺点

1、存储量太小，只有4KB

2、所有的 http 请求都带着，会影响获取资源的效率

3、API 简单，需要封装才能用

sessionStorage 和 localStorage

1、HTML5 专门为存储而设计，最大容量 5M

2、不会在 ajax 请求中带着

3、API 简单易用

　　存储： localStorage.setItem(key, value); 

　　获取： localStorage.getItem(key); 

　　移除： localStorage.removeItem(key); 

　　清理： localStorage.clear(); 

区别： sessionStorage 关闭浏览器会自动清理    localStorage 需要手动清理

坑： 在 ios safari 隐藏模式下，localStorage.getItem 会报错，建议统一使用 try-catch 封装