资讯专栏INFORMATION COLUMN

Storage 接口

Towers / 2501人阅读

摘要:事件接口储存的数据发生变化时,会触发事件,可以指定这个事件的监听函数。这个实例对象继承了接口,有几个特有的属性,都是只读属性。字符串,表示发生变动的键名。对象,返回键值对所在的整个对象。

概述

sessionStorage保存的数据用于浏览器的一次会话(session),当会话结束(通常是窗口关闭),数据被清空;localStorage保存的数据长期存在,下一次访问该网站的时候,网页可以直接读取以前保存的数据。除了保存期限的长短不同,这两个对象的其他方面都一致。

保存的数据都以“键值对”的形式存在

所有的数据都是以文本格式保存

某个网页存入的数据,只有同域下的网页才能读取,如果跨域操作会报错

属性和方法

Storage 接口只有一个属性。

Storage.length:返回保存的数据项个数。

Storage.setItem()

无返回值
window.sessionStorage.setItem("key", "value");
window.localStorage.setItem("key", "value");

window.localStorage.foo = "123";
window.localStorage["foo"] = "123";
window.localStorage.setItem("foo", "123");

Storage.getItem() Storage.removeItem() Storage.clear() Storage.key()

Storage.key()接受一个整数作为参数(从零开始),返回该位置对应的键值。
for (var i = 0; i < window.localStorage.length; i++) {
console.log(localStorage.key(i));
}

storage 事件

Storage 接口储存的数据发生变化时,会触发 storage 事件,可以指定这个事件的监听函数。

window.addEventListener("storage", onStorageChange);
监听函数接受一个event实例对象作为参数。这个实例对象继承了 StorageEvent 接口,有几个特有的属性,都是只读属性。

StorageEvent.key:字符串,表示发生变动的键名。如果 storage 事件是由clear()方法引起,该属性返回null。
StorageEvent.newValue:字符串,表示新的键值。如果 storage 事件是由clear()方法或删除该键值对引发的,该属性返回null。
StorageEvent.oldValue:字符串,表示旧的键值。如果该键值对是新增的,该属性返回null。
StorageEvent.storageArea:对象,返回键值对所在的整个对象。也说是说,可以从这个属性上面拿到当前域名储存的所有键值对。
StorageEvent.url:字符串,表示原始触发 storage 事件的那个网页的网址。

注意,该事件有一个很特别的地方,就是它不在导致数据变化的当前页面触发,而是在同一个域名的其他窗口触发
也就是说,如果浏览器只打开一个窗口,可能观察不到这个事件。比如同时打开多个窗口,当其中的一个窗口导致储存的数据发生改变时,只有在其他窗口才能观察到监听函数的执行。可以通过这种机制,实现多个窗口之间的通信。

参考链接

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106155.html

相关文章

  • Kubernetes1.5源码分析(四) apiServer资源的etcd接口实现

    摘要:为所有对外提供服务的资源实现了一套通用的符合要求的操作接口,每个服务接口负责处理一类资源对象。该接口最终返回了的和清除操作资源的接口。 源码版本 Kubernetes v1.5.0 简介 k8s的各个组件与apiServer交互操作各种资源对象,最终都会落入到etcd中。k8s为所有对外提供服务的Restful资源实现了一套通用的符合Restful要求的etcd操作接口,每个服务接口负...

    K_B_Z 评论0 收藏0
  • k8s :kube-apiserver RESTful API 实现 - Storage

    摘要:前言了解的同学都知道,对外提供接口提供查询,监听集群资源状态的服务,主要就做一件事,就是如何将接口调用映射到对后端存储比如的增删改查访问,在设计的时候考虑到是个快速迭代的开源项目,很多接口版本可能在未来版本发生变化,因此如何设计一个扩展 前言 了解 k8s 的同学都知道,kube-apiserver 对外提供 RESTful API 接口提供 查询,监听集群(资源)状态的服务,kube...

    frank_fun 评论0 收藏0
  • k8s :kube-apiserver RESTful API 实现 - Storage

    摘要:前言了解的同学都知道,对外提供接口提供查询,监听集群资源状态的服务,主要就做一件事,就是如何将接口调用映射到对后端存储比如的增删改查访问,在设计的时候考虑到是个快速迭代的开源项目,很多接口版本可能在未来版本发生变化,因此如何设计一个扩展 前言 了解 k8s 的同学都知道,kube-apiserver 对外提供 RESTful API 接口提供 查询,监听集群(资源)状态的服务,kube...

    ChristmasBoy 评论0 收藏0
  • PHP 之 SplObjectStorage对象存储

    摘要:类实现了对象存储映射表,应用于需要唯一标识多个对象的存储场景。在之前仅能存储对象,之后可以针对每个对象添加一条对应的数据。实际上他们并没有直接的关系。 1. 定义 php.net上的定义 The SplObjectStorage class provides a map from objects to data or, by ignoring data, an object set. ...

    cpupro 评论0 收藏0
  • k8s :kube-apiserver 访问 etcd 后端存储

    摘要:前言本文介绍是如何访问后端存储相关源代码主要在通用接口原文注释定义了后端存储的通用接口,主要是一些增删改查方法,这种面向接口编程,将实现和设计分离的设计提高了软件的可扩展性,降低了模块间的耦合度,比如只要我们提供的具体实现,那么除了使用 前言 本文介绍 kube-apiserver 是如何访问 etcd 后端存储 相关源代码主要在 kubernetes/staging/src/k8s....

    shenhualong 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<