浏览器篇----本地存储

1.cookie
2.webStorage(sessionStorage + localStorage)
3.indexedDB

- cookie
1.如何产生的额？
最开始是为了解决http无状态的问题，不知道是哪个浏览器发送了请求，
cookie本质上就是浏览器中一个很小的文本文件，发送请求时，会携带相同的cookie
2.关于cookie
2.1 容量小，只有4kb
2.2 紧跟域名，不管这个cookie是否被需要
2.3 安全缺陷

- localStorage
与cookie相同点：有域名限制，同一个域名下，会存储相同的一段localStorage
区别：1.容量：localStorage的容量上限为5M，针对同一个域名下，这个域名下是持久存储的
2.只存在客户端，不参与服务器的通信，很好的避免了cookie有的性能问题和安全问题。
3.接口封装的非常方便，通过setItem和getItem等方法进行操作，非常方便。

- sessionStorage
特点：
1.容量大，5M
2.不参与服务器的通信
3.接口封装的比较好
与localStorage的区别是：sessionStorage是存在于会话级别的存储，并不是持久化存储，页面关闭，sessionStorage就不存在了，但是localStorage是长久存储

应用：
1.对表单信息进行维护，达到刷新页面表单内容也不会丢失
2.存储本次浏览记录，关闭页面后不需要这些记录。

- indexedDB
运行在浏览器中的非关系型数据库，理论上这个容量没有限制！
1.键值对存储。内部采用对象仓库存放数据，在这个对象仓库中数据采用键值对的方式来存储
2.异步操作，数据库的读写属于I/O操作，浏览器中对异步提供了支持。
3.受同源策略的限制，无法访问跨域的数据库。