请你说一下前端数据存储方式（cookies，localstorage，sessionstorage，indexedDB）的区别？

请你说一下前端数据存储方式（cookies，localstorage，sessionstorage，indexedDB）的区别？

参考回答：

cookie

cookie最初是在客户端用于存储会话信息的，其要求服务器对任意HTTP请求发送Set-cookieHTTP头作为响应的一部分。cookie以name为名称，以value为值，名和值在传送时都必须是URL编码的。浏览器会存储这样的会话信息，在这之后，通过为每个请求添加cookieHTTP头将信息发送回服务器。

localstorage

存储方式：

以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。

sessionstorage

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。

IndexedDB

索引数据库(IndexedDB) API（作为 HTML5 的一部分）对创建具有丰富本地存储数据的数据密集型的离线 HTML5 Web 应用程序很有用。同时它还有助于本地缓存数据，使传统在线 Web 应用程序（比如移动 Web 应用程序）能够更快地运行和响应。