Web Storage是什么?Web Storage详解

2023-11-05

Web Storag是HTML5引入的一个非常重要的功能,可以将数据存储在本地,如保存用户的偏好设置、复选框的选中状态、文本框默认填写的值等。用户在浏览器中刷新网页时,网页通过Web Storage就可以知道用户之前所做的一些修改,而不需要将用户修改的内容存储在服务器端。

Web Storage类似于Cookie,但相比Cookie可以减少网络流量,因为Web Storage存储的数据不会发送给服务器,而Cookie存储的数据会由浏览器通过HTTP请求自动发送给服务器。将数据存储在WebStorage可以减少数据在浏览器和服务器间不必要地来回传递。

Web Storage中包含两个关键的对象,分别是localStorage对象和sessionStorage对象,它们都是Web Storage的实例,所以都能使用Web Storage接口提供的方法和属性。localStorage对象用于本地存储,sessionStorage对象用于区域存储。

Web Storage具有以下5个特点:

(1)数据的设置和读取比较方便。

(2)容量较大,可以存储大约5MB数据。

(3)只能存储字符串,如果要存储JSON对象,则可以使用JSON.stringify()和JSON.parseO方法分别进行序列化和反序列化。

(4)本地数据可以即时获得。借助浏览器的缓存,整个页面和数据都可以保存在本地,从本地读数据比通过网络从服务器获得数据快得多,可以立即显示网页中缓存的内容。

(5)数据可以临时存储。很多时候数据只需要在用户浏览单个页面期间使用,关闭页面后数据就可以丢弃,这种情况使用sessionStorage非常方便。
目前,市面上主流的Web浏览器都在一定程度上支持HTML5的Web Storage,且iOS和Android两大平台对Web Storage都具有很好的支持。目前市面上的主流手机和平板计算机都依赖这两个平台,所以在实际开发中,基本不需要担心移动设备的Web浏览器对Web Storage的支持情况。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Web Storage是什么?Web Storage详解 的相关文章

随机推荐

  • 寻找SQL注入点

    如果要对一个网站进行SQL注入攻击 首先就需要找到存在SQL注入漏洞的地方 也就是寻找所谓的注入点 可能的SQL注入点一般存在于登录页面 查找页面或添加页面等用户可以查找或修改数据的地方 最常用的寻找SQL注入点的方法 是在网站中寻找如下形
  • PyTorch错误定位系列之DDP训练中 double free or corruption (out)

    背景 最近觉得单卡训练有点慢了 在纠结pytorch lightning和原始distributed训练中选择哪里 最后 从学习的角度选了原生的单机多卡训练 DDP 方式 结果 就把自己埋坑里了 问题 代码写完后 通过torch distr
  • Transformer 模型详解

    本内容主要介绍 Transformer 模型的具体实现 转载自 Transformer 模型详解 https blog csdn net benzhujie1245com article details 117173090 文章目录 1 T
  • npm : 无法加载文件 D:\appCache\nodejs\node_global\npm.ps1,因为在此系统上禁止运行脚本。

    鄙人在vscode 下面打开终端运行 npm init y 时 发现居然报错 报错的内容是 npm 无法加载文件 D appCache nodejs node global npm ps1 因为在此系统上禁止运行脚本 问题原因 在此系统上禁
  • uniapp之请求拦截器和响应拦截器的使用

    拦截器 目录如下 api js api配置 env js 环境配置 interceptors 拦截器 index js 导出配置 main js 注入 页面使用 页面展示 目录如下 api js api配置 export const api
  • 以太网数据链路层、Ethernet_II帧格式、IEEE802.3帧格式,以太网的MAC地址的组成,ARP地址解析协议的工作原理,单播帧、组播帧、广播帧的区别

    目录 数据链路层 以太网 链路一般分为两种 以太网的MAC地址 以太网帧格式 Ethernet II帧格式 IEEE802 3帧格式 帧格式 编辑地址解析协议 ARP 免费arp 代理arp 目标MAC地址没有怎么办 什么是单播帧 什么是组
  • 第四章:项目整合管理 - (4.1 制定项目章程)

    制定项目章程 1 编写一份正式批准项目并授权项目经理在项目活动中使用组织资源文件的过程 2 本过程的主要作用 明确项目与组织战略之间的关系 确立项目的正式地位 并展示组织对项目的承诺 3 本过程仅开展一次或仅在项目的预定义点开展 项目发起人
  • CentOS安装Docker

    目录 一 前置条件 二 安装Docker 安装方式 配置镜像仓库 执行安装 启动Docker 检查Docker是否可以正常运行 三 卸载Docker 卸载Docker核心组件 清理Docker相关资源 参考文档 一 前置条件 安装 Dock
  • 机械臂控制-2

    创建机制或机器人 按照以下步骤在RoboDK中创建新机制或机器人 1 选择实用程序 模型机制或机器人 2 选择要创建的机制或机械手的类型 3 选择代表机构原点的坐标系 4 为每个关节选择一个对象 移动机构或机器人的一部分 5 按相应图像中的
  • 优酷网视频存储架构

    优酷网视频存储架构 http blog csdn net starxu85 article details 5673029 挖掘优酷网的架构是怎样的 http datacenter watchstor com infra 135196 ht
  • RuntimeException和Exception区别

    1 java将所有的错误封装为一个对象 其根本父类为Throwable Throwable有两个子类 Error和Exception 2 Error是Throwable 的子类 用于指示合理的应用程序不应该试图捕获的严重问题 大多数这样的错
  • git merge与git rebase详解

    参考 http t csdn cn CkVrR https blog csdn net weixin 42310154 article details 119004977 一 简单图示 1 merge 2 rebase 经验 一般来说 不推
  • 机器学习 day18(用Tensorflow搭建一个神经网络)

    1 之前搭建神经网络的方法 先初始化输入数据X 创建layer 1并计算激活值a1 创建layer 2并计算激活值a2 这是前向传播代码的显式形式 2 另一种简单些的创建神经网络的方法 创建layer 1和layer 2与前一种方法相同 但
  • 17_分布式文档系统_document的全量替换、强制创建以及lazy delete机制

    课程大纲 1 document的全量替换 2 document的强制创建 3 document的删除 1 document的全量替换 1 语法与创建文档是一样的 如果document id不存在 那么就是创建 如果document id已经
  • Swagger

    第一节 Swagger 简介 1 企业开发所面临的问题 在前后端分离开发的情况下 前端开发人员经常抱怨后端开发人员给的接口文档与实际情况不一致 后端开发人员觉得编写接口文档太过于消耗精力 而且更新也不及时 以至于前后端开发人员经常出现争吵的
  • 【kickstart 2021 round C】前三题python题解

    第一题 题目 给定长度为N的字符串S 它是由字母表上的前K个字母构成 问字典序小于S且长度为N的回文字符串 由字母表上的前K个字母构成 有多少个 解释 参考官方题解 计算多少个长度为N 2的字符串的字典序小于S math ceil N 2
  • 动态动态规划(DDP)

    1 Problem E Codeforces 一 题目大意 给你一个无向图 第i和i 1条边的权值是w i 问你每个点不在自己原本的点的代价是多少 会有q组询问 表示修改第i条边的权值 二 解题思路 可以观察到 完成这个操作需要每条边经过两
  • [LeetCode]初级算法-字符串- 实现strStr()

    标题 实现strStr 实现 strStr 函数 给定一个 haystack 字符串和一个 needle 字符串 在 haystack 字符串中找出 needle 字符串出现的第一个位置 从0开始 如果不存在 则返回 1 示例 1 输入 h
  • linux防火墙启动、停止、查看

    停止 防火墙 service iptables stop 启动防火墙 service iptables start 查看防火墙配置 iptables L n 修改的内容只是暂时保存在内存中 如果重启后还要生效 则要保存一下 service
  • Web Storage是什么?Web Storage详解

    Web Storag是HTML5引入的一个非常重要的功能 可以将数据存储在本地 如保存用户的偏好设置 复选框的选中状态 文本框默认填写的值等 用户在浏览器中刷新网页时 网页通过Web Storage就可以知道用户之前所做的一些修改 而不需要