sessionStorage

发表于2021-09-23|更新于2026-02-24

|浏览量:

勤奋是一种可以吸引一切美好事物的天然磁石。 ——罗•伯顿

前端除了localStorage还有sessionStorage

localStorage即便关闭了浏览器，再次打开该页面仍然存在

但sessionStorage的作用于仅仅局限于当前标签页或通过当前标签页中的点击事件打开的新页面

localStorage一般用于用户token储存、主题设置等需要稍微长期持久化的场景

sessionStorage一般用于刷新页面记住分页页码、记住检索条件等关闭标签页即销毁的场景

sessionStorage的api和localStorage的api非常相似：

1 2	// 存 sessionStorage.setItem("ruben","ruben")

取出来：

1 2	// 取 sessionStorage.getItem("ruben")

相关推荐

模板字符串

生活不是苦难，也不是享乐，而是我们应当为之奋斗并坚持到底的事业。——托克维尔这种东西那是相当的简单啊 1234567891011# JavaScript模板字符串使用var name = "achao";console.log(`我是${name}`);var number = 0;console.log(`今年${(number + 38) / 2}`);var word = "模板字符串";console.log(`${name}说：\'${word}\'那不是一般的香\n${rubenSaid()}`);function rubenSaid() { return `ruben说：${name}说的对!`;} 代码执行结果

Jest集成github action

仅是天才不能成为作家，因为书的背后极需要作家的人格。——爱默生 Jest是一款优雅、简洁的JavaScript测试框架。官方文档： https://jestjs.io/zh-Hans/ github： https://github.com/jestjs/jest 创建项目： 12345678910111213Last login: Wed Sep 18 16:56:31 on ttys001The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd ~/IdeaProjects/simple-jest/Github-Id-VampireAchao:simple-jest achao$ npm inst...

requestFullscreen

每一次克制自己，就意味着比以前更强大。——高尔基 https://developer.mozilla.org/zh-CN/docs/Web/API/Element/requestFullscreen Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。比如我们全屏幕整个页面： 1document.documentElement.requestFullscreen(); 又或者我们为其封装一个切换全屏的函数 1234567function toggleFullScreen() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); } else if (document.exitFullscreen) { document.exitFullscreen(); }} 甚至仅仅只是全屏某一元素，比如这里全屏一个video 1234567891011...

当众人都哭时，应该允许有的人不哭。当哭成为一种表演时，更应该允许有的人不哭。——莫言我们在使用uniapp进行微信小程序开发时可能会遇到如下情况：这是因为微信小程序官方文档提到：某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示。目前小程序分包大小有以下限制：整个小程序所有分包大小不超过 20M 单个分包/主包大小不能超过 2M 对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更好的解耦协作。此时可以进行简单的静态资源处理，将static目录下的图片之类的压缩或者放到在线图床上如果在这样处理后还是提示超...

浅水是喧哗的，深水是沉默的。——雪莱我们知道CSS中一些属性会被继承：给父节点设置样式，子节点也会生效例如color、font-size之类的但像widths, margins, padding, 和 borders 不会被继承，如果被继承，设想一下，给父节点加了一个border，里面的每个子孙元素都有一个border，这不是我们通常想要的效果如何来控制这些属性呢？ CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上，就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的，那么会设置为 inherit 。 unset 将属性重置为自然值，也就是如果属性是自然继承那么就是 inherit，否则和 initial一样这里有一个简单的demo： 12345678910111213141516171819202122232425262728293031<div> <h2> ...

shenyu的rule表单handler填写问题

你凭什么以为你十年寒窗，抵得过我三代从商。——盛田昭主要是这个pr： https://github.com/apache/shenyu-dashboard/pull/518 发现原来是JSON.parse的时候，由于handler是undefined导致报错改为 1JSON.parse(handle ?? "{}"), JSON.parse(handle ?? "{}") 这个表达式涉及到了两部分的知识点：空值合并操作符（??）和JSON.parse()。空值合并操作符（??）：空值合并操作符（nullish coalescing operator）??用于判断一个值是否为null或undefined，如果是，则返回右边的值。如果左边的值不是null或undefined，则返回左边的值。在这个表达式中，handle ?? "{}"的作用是：如果handle的值是null或undefined，就返回"{}"，否则返回handle的值。 JSON.parse()...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中