首页 > 其他分享 >本地存储

本地存储

时间:2022-10-06 20:14:44浏览次数:45  
标签:存储 本地 sessionStorage localStorage key 数据 页面

一、本地存储
1、随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。
(一)本地存储特征
1、数据存储在用户浏览器中;
2、设置、读取方便、甚至页面刷新不丢失数据;
3、容量较大,sessionStorage约5M、localStorage约20M;
4、只能存储字符串,可以将对象JSON.stringify()编码后存储。
(二)window.sessionStorage
①生命周期为关闭浏览器窗口
②在同一个窗口(页面)下数据共享
③以键值对的形式存储使用
1、存储数据:
sessionStorage.setItem(key,value);
2、获取数据:
sessionStorage.getItem(key);
3、删除数据:
sessionStorage.removeItem(key);
4、删除所有数据:
sessionStorage.clear();
(三)window.sessionStorage
①生命周期永久生效,除非手动删除,否则关闭页面也会存在
②可以在多窗口(页面)共享(同一浏览器可以共享)
③以键值对的形式存储使用
1、存储数据:
localStorage.setItem(key,value);
2、获取数据:
localStorage.getItem(key);
3、删除数据:
localStorage.removeItem(key);
4、删除所有数据:
localStorage.clear();

 

标签:存储,本地,sessionStorage,localStorage,key,数据,页面
From: https://www.cnblogs.com/hunanxyz/p/16758346.html

相关文章

  • hive数据导出到linux本地
    方法1(hive下执行):insertoverwritelocaldirectory'Linux本地目录'rowformatdelimitedfieldsterminatedby '\t' select*from表名where......;eg:inserto......
  • MySQL存储引擎详解(一)-InnoDB架构
    前言目前MySQL8.x版本数据库已经支持了很多存储引擎了,但是一般我们常用的就几种,容易形成思维固化不会轻易采取其他存储引擎,从而错失很多优化存储的功能。因此对现支持的九种......
  • 自动诊断存储库Automatic Diagnostic Repository (ADR)
    自动诊断存储库(ADR)是一个基于文件的存储库,用于存储数据库诊断数据,例如跟踪文件、警报日志、DDL日志和运行状况监视器报告。ADR的主要特征包括:统一目录结构一致......
  • MySQL存储引擎详解(一)-InnoDB架构
    前言目前MySQL8.x版本数据库已经支持了很多存储引擎了,但是一般我们常用的就几种,容易形成思维固化不会轻易采取其他存储引擎,从而错失很多优化存储的功能。因此对现支持的九种......
  • Redis之持久化存储
    Redis持久化解决方案RDBRDB存储的重点在于数据本身,将数据持久化存入后缀为.rdb的文件中,即快照,每隔一段时间记录新的数据,像快速拍照一样,每次拍完放在一边,用的时候快速......
  • db2 多温度存储器
    一、概述DB2V10中新增加的特性将访问频率不同的数据放置在不同的存储空间中引入了存储组(storagegroup)的概念方便DBA对不同热度的数据进行管理二、存储器组存储数据的存储......
  • 3.6 Cache存储器
    Cache引入原因:(1)CPU和主存速度存在差异(2)CPU和I/O争抢访存一旦主存与I/O交换信息,主存可以将CPU需要的信息提前送至缓存,CPU可直接从缓存中读取所需信息,不必空等影响效率......
  • ts+vite3+vue3+mock+qs实现本地模拟数据功能
    第一步:安装qs因为项目中用到了ts,所以还需要安装:第二步:安装mock第三步:创建Vue页面:Category.vue<template><button@click="getById">getById</button><button......
  • 3.5 并行存储器
    由于CPU和主存储器之间在速度上是不匹配的,这种情况便成为限制高速计算机设计的主要问题。为了提高CPU和主存之间的数据传输率,除了主存采用更高速的技术来缩短读出时间外,......
  • git暂存本地修改
    git暂存本地代码在当前分支开发过程中,突然有紧急BUG需要切换分支修改,但你本地已经存在代码,需要push之后,才能切换分支这个时候就可以使用gitstash,进行暂存在使......