专栏首页Czy‘s BlogLocalStorage与SessionStorage

LocalStorage与SessionStorage

localStorage与sessionStorage

localStoragesessionStorageHTML5提供的对于Web存储的解决方案

相同点

  • 都与HTTP无关,是HTML5提供的标准,当发起HTTP请求时不会与Cookie一样自动携带
  • 都是以键值对的形式存在,即Key-Value形式,常用的Api也相同
  • 存储类型都是String类型,当进行存储时,会调用toString()方法转为String类型
  • 对于每个域容量是有限的,不同浏览器不一样,大部分存储为5M左右

不同点

  • localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
  • SessionStorage会在用户关闭浏览器后,即会话结束后,数据失效;SessionStorage与服务端Session无关。

常用操作

  • 储存数据
localStorage.setItem('key', 'value');
sessionStorage.setItem('key', 'value');
/**
 * 由于存储数据会调用 toString() 方法
 * Object 类型会存储为 [object Object] 字符串
 * 所以进行存储时需调用 JSON.stringify() 转化为字符串
 * 取出时调用 JSON.parse() 将字符串转回对象
 */
  • 读取数据
localStorage.getItem('key');
sessionStorage.getItem('key');
  • 删除数据
localStorage.removeItem('key');
sessionStorage.removeItem('key');
  • 清空数据
localStorage.clear();
sessionStorage.clear();

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • tee命令

    将用户输入的数据同时保存到文件file1.txt和file2.txt中,输入文件信息后回车即可得到输出反馈。

    WindrunnerMax
  • Js中的堆栈

    堆heap是动态分配的内存,大小不定也不会自动释放,栈stack为自动分配的内存空间,在代码执行过程中自动释放。

    WindrunnerMax
  • valueOf与toString

    valueOf和toString是Object.prototype上的方法,在Js几乎所有的对象都会继承自Object,同样由于包装对象的原因,几乎所有的数据类...

    WindrunnerMax
  • 宜信开源|调用链系列(1):解读UAVStack中的贪吃蛇

    对于分布式在线服务,一个请求需要经过多个系统中多个模块,可能多达上百台机器的协作才能完成单次请求。这种场景下单靠人力无法掌握整个请求中各个阶段的性能开销,更无法...

    宜信技术学院
  • JS 调用栈机制与 ES6 尾调用优化介绍

    调用栈的英文名叫做Call Stack,大家或多或少是有听过的,但是对于js调用栈的工作方式以及如何在工作中利用这一特性,大部分人可能没有进行过更深入的研究,这...

    OBKoro1
  • Dubbo剖析-服务消费端异步调用

    前面我们讲解的无论是正常调用还是泛化调用也好,都是进行同步调用的,也就是服务消费方发起一个远程调用后,调用线程要被阻塞挂起,直到服务提供方返回。本节来讲解下异步...

    加多
  • js 调用栈机制与ES6尾调用优化介绍

    本文中提到的链接,因为微信的限制,没有显示出来,查看文中链接,需要点击最下方的阅读原文链接

    OBKoro1
  • 分布式通信技术之远程调用:RPC

    通过前面的学习,不知道你有没有发现分布式的本质就是多进程协作,共同完成任务。要协作,自然免不了通信。那么,多个进程之间是如何通信的呢?这也就是在“分布式通信技术...

    架构师修炼
  • 详解linux系统调用原理

    当用户态进程发起一个系统调用, CPU 将切换到 内核态 并开始执行一个 内核函数 。 内核函数负责响应应用程序的要求,例如操作文件、进行网络通讯或者申请内存资...

    砸漏
  • 尾调用优化

    尾调用(Tail Call)是函数式编程的一个重要概念,本文介绍它的含义和用法。 ? 一、什么是尾调用? 尾调用的概念非常简单,一句话就能说清楚,就是指某个函数...

    ruanyf

扫码关注云+社区

领取腾讯云代金券