1.请描述一下cookie，sessionStorage 和 localStorage 的区别
| 区别 | 容量 | 是否携带到ajax中 | API易用性 |
|---|---|---|---|
| cookie | 4k | 是 | 需要自己封装，麻烦 |
| sessionStorage | 5M | 否（只作为存储来用） | getItem setItem |
| localStorage | 5M | 否（只作为存储来用） | getItem setItem |
1.html5出来之前到html5一个标准的过渡，html5没出来之前cookie是最为本地存储的一个方法；
2.html5出来之后有sessionStorage 和localStorage这两个api可以作为本地存储。
3.ie低版本的淘汰，多少年还没有淘汰干净，cookie本地存储的功能还会一直存在，只不过比例越来越小了；sessonStorage 和localStorage本地存储的功能慢慢应用到各个新的地方，慢慢的把cookie取代。
（cookie不是sessionStorage和localStorage被取代就没了，本身还有另外的功能）
Cookie
1.本身用于客户端和服务器端通信
2.但是它有本地存储的功能，于是就被“借用”**
--html5出来之后虽然有sessionStorage和localStorage这种新的api，但是cookie本身的功能是不会变的,cookie一直会有,一直会作为客户端和服务器端通信的一种方式。它有本地存储的能力，但是有没有其 他方式能做的多，只好被借用。
3.使用document.cookie = ...获取和修改即可**
--用的时候比较麻烦，因为cookie就是一个字符串，在本地存储的时候，你得是key-value对象的形式存储，不能光存一个信息。
所有的服务器端的请求（发ajax，请求一个页面,一个js、css文件、一个图片）,都会把cookie带进去，所有它是一个客户端和服务器端通信的一个工具，一个协议，一个条款，但是它又有本地存储的能力。
*cookie用于存储的缺点：(可设置失效时间，默认是关闭浏览器后失效)
1.存储量太小，只有4KB;
（因为它要携带到请求中去和服务器端通信，每次请求3-5M，不说慢，如果手机用流量很快就没了）
2.所有http请求都带着，会影响获取资源的效率;
（如果太多每次请求都带着，会效率很低）
3.API简单，需要封装才能用 document.cookie =...;
(作为存储来说，不可能只存一个东西，如果用户名存什么，密码存什么(密码加密))，如果本地存储当中的应用，比如存个城市名，性别是什么，姓名是什么这些，你要存好多好多的数据，怎么通过一个字符串解决呢，需要拆解封装的，所以cookie用起来特别麻烦）
localStorage 和 sessionStorage：
1.html5专门为存储而设计，最大容量5M
不用在请求中带着，请求中该带不会带多，cookie本来就带着，这个功能还是必须要用，但是作为cookie执行存储过程，单拎出来，然后用localStorage和sessionStorage来代替，这个时候可以做到很大，5M前端的量暂存来说，基本够了）
2.API简单易用：(不用自己定义、封装)
localStorage.setIntem(key,value);
localStorage.getItem(key);
3.区别：
1.都是可以在浏览器中存储到本地的，sessionStorage 如果浏览器关了，会话结束，它就会清理；用这个的场景少;
2.localStorage 只要存上了，不手动清，就会一直在，不用清；用这个的场景多一些;
--要存储到本地，记录下来，要缓存一些东西，下次在用的时候，直接拿就可以了，不用重新获取一遍。
在iOS safari隐藏模式下:
localStorage.getItem 会报错，建议统一使用try-catch封装起来 