当前位置: 首页 > 网络应用技术

谈论浏览器存储的LocalStorage和Cookie

时间:2023-03-06 15:53:43 网络应用技术

  Web项目的开发是不可避免的。这里提到的主要是浏览器存储。在文章“ Web Local Storage:localStorage,Web SQL数据库,索引DB”文章中介绍了浏览器存储。本文中的所有浏览器存储将从更详细的角度开始,并共享收集与存储相关的方法。

  在React或Vue应用程序中,数据通常使用组件状态或使用状态管理工具(例如Harmony.Sharmony)存储数据。这些驱动UI的工具易于使用。当用户刷新页面时,他们必须通过API重新计入所有数据并再次填写状态。在许多情况下,您可能希望以这种方式持续存在数据,也就是说,当用户刷新页面时,所有内容不会丢失这样的场景:用户必须在用户刷新页面时重新验证!

  本文将介绍将数据存储在浏览器中的常见方法:,并将详细介绍和使用。

  LocalStorage和SessionStorage是使用对象的存储,并且两者都必须是字符串。

  前面提到的所有内容都必须是一个字符串,因此如何存储数组或对象?此时,您需要将JS对象转换为字符串,并在获得值时使用值将字符串转换回JS对象。以下是处理的完整过程:

  cookiehttp cookie(也称为Web cookie或浏览器cookie)是发送给用户浏览器并保存在本地的一小部分数据。EssenceIT是Web Project Project Development需要涉及的内容。

  如果应用程序是完整的客户端水疗中心(单页应用程序),则可能不需要,并且可以解决问题。如果您使用next.js或node.js提供服务器接口,则可以考虑使用身份验证令牌。

  通常被认为是一种复数形式,但事实是它们存储在单个字符串值中,必须解析它们将它们分离为单独。

  它可以通过拆分字符串分开,然后映射每个值并将其分配到每个值中,最终将相应的右划分为相应的右侧。以下是一个完整的方法集:

  对于安全考虑,可能会标记一些,这意味着无法从客户端的JavaScript代码获得此类型。

  存储事件看到了一些非常简洁的事物,并且有一个事件在存储或更新时对其进行了监视。

  该事件是一个对象,

  应该注意的是,该事件不会在当前页面上触发。仅当浏览器打开同一域名的多个页面时,另一页操作更改或触发该值。

  浏览器存储对于客户端存储数据非常有用。它不需要调用服务器数据,并且始终存储在用户浏览器端。