web信息存储标准

  • 浏览器信息存储

在前端开发中,信息存储通常涉及到将数据在用户的浏览器中存储和管理。以下是一些前端信息存储的常见方式和技术

  1. Cookies

Cookies是小型文本文件,存储在用户的计算机上,通常由网站用于跟踪用户的会话信息、偏好设置和其他数据。Cookies在前端开发中广泛使用,但它们的容量有限,通常只能存储少量数据,因送检禁止使用cookies所以不做存储考虑

  1. WebStorage

WebStorage包括两种技术:LocalStorage和SessionStorage。这两者都允许前端开发者在浏览器中存储键值对数据,但它们之间有一些区别。LocalStorage数据在浏览器关闭后仍然保留,而SessionStorage数据仅在会话期间保留。根据使用场景使用

  1. IndexedDB

IndexedDB是一种高级的本地数据库,允许前端应用在浏览器中存储结构化数据。它提供了强大的查询功能和事务支持,适用于需要存储大量数据的应用程序

4  WebSQL

WebSQL是一种SQL数据库,允许前端应用在浏览器中执行SQL查询和管理数据。然而,它已经被IndexedDB替代,因为WebSQL的标准化进程已经停止,不建议使用

说明: C:\Users\ZHENGB~1\AppData\Local\Temp\WeChat Files\56a9c2bb0420629181b37ad584fd838.png

5  框架类库状态存储

  1. Redux 是一个用于 JavaScript 应用程序的可预测状态容器,广泛用于React应用程序,但也可以与其他框架一起使用。它采用了与Vuex类似的单向数据流模型,包括store、actions、reducers和selectors等概念。

  1. Mobx:Mobx 是一个状态管理库,旨在使状态管理变得简单和可扩展。它更加灵活,允许将状态和状态变更的逻辑与UI组件更紧密地集成。

  1. Vuex-persistedstate:虽然不是一个完整的状态管理库,但是Vuex-persistedstate是一个Vuex插件,它允许将Vuex的状态数据持久化到浏览器的本地存储中,以便在刷新页面或
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值