浏览器的几种存储形式以及特点

一、LocalStorage

这是H5中新增的存储技术，存储大小是5M左右。
它的存储是浏览器本地行为，与服务器没有任何关系，也就是说不会随着http请求发送给服务器；存储形式为key-value形式。
使用的时候注意浏览器对于H5的支持。
localStorage是永久存储，没有过期问题。

二、SessionStorage

SessionStorage和LocalStorage类似，也是H5的存储技术；
不同于localStorage，它不是永久存储，类似session，一次会话就过期（关闭浏览器就消失了）;
SessionStorage的用法和localStorage一样，也是浏览器本地行为。

三、IndexedDB

IndexedDB也是H5中新增的存储技术，存储大小是150M左右，但是操作形式并不是key-value，类似非关系型数据库。
实际开发中基本不用，因为实际的前端工作主要是请求加渲染，存储一些配置或临时的数据，不需要这么大，而且操作不方便。

四、WebSQL

这是一个关系型数据库，使用的语法是SQL语法，已被淘汰，被indexedDB替代，已经不更新了。

五、Cookies

存储大小是4k左右，用来解决http协议的无状态问题；一般不用来实际的存储数据，常常由服务器直接操作客户端的cookie；cookie是作为http请求报文的请求头内容存在的；每次请求服务器的时候cookie会随着http请求自动发送给服务器。