本教程操作系统：windows10系统、dell g3电脑。
localstorage是html5中提供的一种在客户端存储数据的机制。与传统的cookie相比，localstorage具有以下优势，这也是为什么要使用localstorage的原因：
1. 持久性存储：localstorage中存储的数据是持久性的，即使用户关闭浏览器或重新启动电脑，数据仍然可以保持不变。这使得localstorage非常适合存储一些需要长期保存的用户数据，如个人配置、偏好设置等。与cookie相比，localstorage的数据不会在每次请求时都被发送到服务器，减少了网络流量的消耗。
2. 更大的存储容量：localstorage的存储容量通常比cookie更大，一般为5mb左右。这意味着可以存储更多的数据，如图片、css、javascript文件等。与cookie相比，localstorage的存储容量更适合存储较大的数据。
3. 更好的性能：localstorage的读写速度比cookie更快，因为localstorage的数据存储在客户端，不需要每次请求时都发送到服务器。这可以提高应用程序的性能和响应速度，特别是在需要频繁读写数据的场景下。
4. 简单易用：localstorage的api非常简单易用，只需要使用几个简单的方法就可以进行数据的存储和读取。与其他存储机制相比，localstorage的使用成本较低，无需复杂的配置和管理。
5. 跨页面数据共享：localstorage可以用于在不同页面之间共享数据。当用户在一个页面进行操作后，可以将数据存储在localstorage中，然后在另一个页面中读取这些数据。这在一些需要在多个页面之间保持数据一致性的场景中非常有用。
6. 跨域通信：localstorage可以用于在不同域名下的页面之间进行通信。由于同源策略的限制，不同域名下的页面无法直接访问彼此的数据。但是，可以通过localstorage来实现跨域通信，将数据存储在localstorage中，然后在不同域名下的页面中读取这些数据。
需要注意的是，localstorage虽然提供了方便的客户端存储机制，但它也有一些限制和注意事项：
1. 存储容量限制：localstorage的存储容量通常为5mb左右，超出容量限制时，将无法存储更多的数据。因此，在使用localstorage时要注意数据的大小，避免存储过多的数据导致超出容量限制。
2. 安全性：localstorage是基于浏览器的，数据存储在客户端，因此容易受到恶意脚本的攻击。为了保护数据的安全性，应该避免将敏感数据存储在localstorage中，或者对敏感数据进行加密处理。
3. 兼容性：localstorage是html5的一部分，因此在一些较旧的浏览器中可能不被完全支持。在使用localstorage时，要考虑到浏览器的兼容性，确保在各种浏览器中都能正常使用。
总之，localstorage是一种方便的客户端存储机制，适用于持久化存储数据、本地缓存、跨页面数据共享和跨域通信等场景。它具有持久性、较大的存储容量、更好的性能和简单易用等优势。在使用localstorage时，要注意存储容量限制、数据安全性和浏览器兼容性，以确保数据的完整性和用户的隐私安全。
以上就是为什么要使用localstorage的详细内容。