前端数据存储方式

一、Cookie

cookie 用于存储web页面的用户信息。

cookie 是一些数据，存储在你电脑上的文本文件中。当web服务器向浏览器发送web页面时，在连接关闭后，服务端不会记录用户的信息。Cookie的作用就是用于解决如何记录客户端的用户信息。

1. 当用户访问web页面时，他的名字记录在cookie中。
2. 在用户下一次访问该页面时，可以再cookie中读取用户的访问记录。

Cookie以name为名称，value为值，名和值在传送时都必须是URL编码的。

username = jackson

当流浪器从服务其上请求web页面时，属于该页面的cookie户添加到该请求中。服务器通过这种方式来获取用户信息。

二、localStorage

1. 允许在浏览器中存储key/value对的数据。
2. 用于长期保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。
3. 属性是只读的。

如果你想浏览器窗口关闭后还保留数据，可以使用localStorage；如果你只想将数据保存在当前会话中，可以使用sessionStorage.

三、sessionStorage

1. 允许在浏览器中存储key/value对的数据。
2. 数据对象临时保存同一窗口（或标签页）的数据，在关闭窗口或标签页之后也将删除这些数据。

四、indexedDB

索引数据库（indexDB）API（作为HTML5 的一部分）对创建具有吩咐本地存储数据的数据密集型的离线HTML5 Web 应用程序很有用。

同时它还有助于本地缓存数据，使传统再现Web应用程序（比如移动 Web 应用程序）能够更快的运行和响应。