storage存储和cookie的特点及其区别

web Storage的特点

当在前端网页需要进行一些数据存储时，我们最常用到的就是Storage存储：
优点：

1. localStorage解决了cookie存储空间太小的问题。
2. 相比于cookie的4KB大小存储空间，localStorage的存储空间大小来到了5MB，相当于一个前端的数据库。

格式

1. Storage存储的格式是键值对（key-value）的格式。
2. 并且浏览器会将所有Storage的值类型限定为string类型，所以需要进行一些转换。

缺点

1. 低版本的ie浏览器会不支持Storage。
2. Storage存储数据所占空间太多会影响性能。导致页面变卡。
3. Storage并不会被搜索引擎的爬虫所抓取到。

localStorage和sessionStorage的区别

1. localStorage的存储是永久性的，只有在手动删除或者浏览器被卸载后才会被清除。
2. sessionStorage的存储保存同一窗口或者标签页的数据，当窗口或者页面关闭后会被清除。

cookie的特点

cookie就是服务端发送给客户端的特殊信息，然后保存在客户端的文本信息。当用户给服务器发送信息的时候会携带cookie。
特点
cookie是名值对方式进行存储。当设置cookie时没有指定expries的过期时间，cookie就会在整个浏览器窗口关闭时被删除。
您还可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除：

document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT"；
//删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可，如下所示，设置为 Thu, 01 Jan 1970 00:00:00 GMT:
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

cookie的存储数据大小一般为4KB。