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")

相关推荐

js拖拽框选插件

只要你具备了精神气质的美，只要你有这样的自信，你就会拥有风度的自然之美。——金马分享一个js的拖拽框选插件官网：https://dragselect.com/ 源码：https://github.com/ThibaultJanBeyer/DragSelect.git 使用： 1pnpm i dragselect 有前端大佬翻译了部分，并编写了一个html的demo https://gitee.com/ovsexia/DragSelect-Doc-Cn 我在使用过程中发现反选有点问题，所以如果是跟我一样pnpm i下载下的版本，应该也会有这个问题，因此反选自己实现即可，这是我按照上面链接中的demo在vue模块化项目中的组件： TagDragSelect.vue 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828...

集腋成裘，聚沙成塔。几秒钟虽然不长，却构成永恒长河中的伟大时代。——弗莱彻 Pascal Editor有些编辑器喜欢写字，有些编辑器喜欢画画，而 Pascal Editor 更像一个戴着安全帽的建筑师：他不在纸上涂涂改改，他直接把你拽进三维空间里，抬手就是一堵墙，转身就是一块楼板，眨眼之间，一个 Site、一栋 Building、好几层 Level 就搭起来了——而且他跑在 React Three Fiber 与 WebGPU 的快车道上，动作利落，手感顺滑。一句话就把他的人设钉死在门口： A 3D building editor built with React Three Fiber and WebGPU. 视频入口也在 README 里（那是他给你递来的“看我施工”的短片）：https://github.com/user-attachments/assets/8b50e7cf-cebe-4579-9cf3-8786b35f7b6b 住址（Homepage）他把自己的工作室地址挂得很显眼： https://editor.pascal.app 这是一个 Turbo...

天时不如地利，地利不如人和——孟子分享一个Vuex的同类型vue状态管理框架：Pinia 中文文档：https://pinia.web3doc.top/ 它的Demo：https://stackblitz.com/github/piniajs/example-vue-3-vite?file=README.md 相比于Vuex:https://pinia.web3doc.top/introduction.html#%E4%B8%8E-vuex-%E7%9A%84%E6%AF%94%E8%BE%83 Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。

多数人在心底蔑视德，但很少有人轻视荣誉。——沃夫拿格分享一个vue的组合式api封装库vueuse github：https://github.com/vueuse/vueuse 官档：https://vueuse.org/ 大致用法： 12345678910111213141516171819202122import { useLocalStorage, useMouse, usePreferredDark } from '@vueuse/core'export default { setup() { // tracks mouse position const { x, y } = useMouse() // is user prefers dark theme const isDark = usePreferredDark() // persist state in localStorage const store = useLocalStorag...

不要从你自己的口袋里掏出勋章借给你的朋友，这是侮辱他的——泰戈尔分享一个真实的雨滴效果： https://tympanus.net/Development/RainEffect/#slide-1 github地址：https://github.com/codrops/RainEffect 还是非常炫酷的

typescript快速入门

在原则产问题上，要坚定如磐石；在兴趣问题上，则要顺应潮流。——美国官方文档：https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html 中文文档：https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html 下载VScode：https://visualstudio.microsoft.com/zh-hans/ 安装后打开新建文件选择语言写下代码 1234567function greeter(person) { return "Hello, " + person;}let user = "Jane User";document.body.innerHTML = greeter(user); 顺手安个中文重启后，我们打开控制台然后安装typescript 1cnpm install -g typescript 编译ts文件： 1...

阿超

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

数据加载中