前端数据存储方式有哪些

为你总结了四种数据存储方式，希望可以帮到你：

1、Cookie

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

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

2、localStorage

允许在浏览器中存储key/value对的数据。

用于长期保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

属性是只读的。

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

3、sessionStorage

允许在浏览器中存储key/value对的数据。

数据对象临时保存同一窗口（或标签页）的数据，在关闭窗口或标签页之后也将删除这些数据。

4、indexedDB

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

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

想要了解或者学习更多前端知识，推荐北京尚学堂，雄厚的师资力量带给你高效的学习体验。