localstorage存储什么

LocalStorage可以存储多种类型的数据，包括字符串、数字、布尔值、对象、数组等。LocalStorage是一种Web存储机制，它允许在用户的浏览器中存储数据，这些数据可以在用户的多个浏览器会话之间持久存在。与Cookie相比，LocalStorage具有更大的存储空间和更长的有效期，因此它更适合用于存储大量数据或长期数据。

本教程操作系统：windows10系统、DELL G3电脑。

LocalStorage可以存储多种类型的数据，包括字符串、数字、布尔值、对象、数组等。这是因为LocalStorage的存储机制是基于JavaScript的String类型，但是可以通过一些技巧和方法来存储其他类型的数据。

LocalStorage是一种Web存储机制，它允许在用户的浏览器中存储数据，这些数据可以在用户的多个浏览器会话之间持久存在。与Cookie相比，LocalStorage具有更大的存储空间和更长的有效期，因此它更适合用于存储大量数据或长期数据。

在LocalStorage中，可以使用setItem()方法将数据存储在键值对中，使用getItem()方法获取存储的数据，使用removeItem()方法删除数据，使用clear()方法清空所有存储的数据。这些方法都是基于JavaScript的Storage接口实现的。

需要注意的是，LocalStorage中的数据是以键值对的形式存储的，每个键值对都有一个唯一的键名和相应的值。键名和值都是字符串类型，但是可以通过一些技巧和方法来存储其他类型的数据。例如，可以使用JSON.stringify()方法将对象或数组转换为字符串进行存储，再使用JSON.parse()方法将字符串转换回对象或数组进行读取。

此外，LocalStorage中的数据是持久存在的，即使关闭浏览器或重启计算机，数据也不会丢失。但是需要注意的是，由于LocalStorage是基于浏览器的存储机制，因此它可能会受到浏览器的限制和安全策略的影响。例如，某些浏览器可能会限制LocalStorage的存储空间或对其进行加密处理。

Cookie和LocalStorage在以下方面存在区别：

1、存储大小：Cookie单个的最大存储为4k，如果大于4k，则存储失败，浏览器中找不到对应的cookie信息；LocalStorage的最大存储为5m。如果大于这个最大限制浏览器提示出错。

2、有效期：Cookie默认是会话级存储（与tab页共存亡），可以设置过期时间；LocalStorage是持久化存储，除非主动clear掉。

3、可操作性：Cookie不仅仅只是存储数据，还有其他多个属性可供其操作设置，例如Domain与Path一起决定了cookie的作用范围，Secure如果设为true，那么cookie只能用https协议发送给服务器；LocalStorage只是存储数据。

4、携带性：在请求时，Cookie会被携带，而LocalStorage不会。同源的cookie信息会自动作为请求头的一部分发给服务器，如果过多设置cookie，会额外增加通信负荷。而LocalStorage没有这个问题，它会一直存在于浏览器端。

总之，LocalStorage是一种非常有用的Web存储机制，它可以帮助我们在用户的浏览器中存储各种类型的数据，并且这些数据可以在用户的多个浏览器会话之间持久存在。但是需要注意的是，由于LocalStorage是基于浏览器的存储机制，因此它可能会受到浏览器的限制和安全策略的影响。因此，在使用LocalStorage时需要谨慎考虑其适用性和安全性。