sessionStorage
发表于|更新于
|浏览量:
勤奋是一种可以吸引一切美好事物的天然磁石。 ——罗•伯顿
前端除了localStorage还有sessionStorage
localStorage即便关闭了浏览器，再次打开该页面仍然存在
但sessionStorage的作用于仅仅局限于当前标签页或通过当前标签页中的点击事件打开的新页面
localStorage一般用于用户token储存、主题设置等需要稍微长期持久化的场景
sessionStorage一般用于刷新页面记住分页页码、记住检索条件等关闭标签页即销毁的场景
sessionStorage的api和localStorage的api非常相似：
1 | // 存 |
取出来：
1 | // 取 |
相关推荐
2023-08-21
vuepress2一次性获取所有frontmatter
上帝是孤独的，恶魔却总在拉帮结伙。——梭罗的《瓦尔登湖》。 接上文： vuepress获取所有页面frontmatter 这次是vuepressv2.0.0-beta.66 首页 | VuePress 核心代码： 12345678910// .vuepress/getAllFrontmatter.smodule.exports = { name: 'get-all-frontmatter', extendsPage: (page, app) => { console.log({ page, app }) console.log(page.data.frontmatter) app.siteData.frontmatter = app.siteData.frontmatter ?? [] app.siteData.frontmatter.push(page.data.frontmatter) },}; 然后配置： 123456789101112131415// ...
2020-12-16
禁止文字图片拖拽
智者千虑，必有一失；愚者千虑，必有一得。——《史记》 我们在进行开发的时候可能会遇到一个问题文字、图片选中后能被拖拽 但我们不想要这种效果 就可以给标签加一个属性 12<div ondragstart="return false">ruben</div><img ondragstart="return false" width="500px" src="https://VampireAchao.github.io/imgs/preview/3459_3.jpg"/> 之后就拽不动啦~
2025-02-04
yjs
她说好想我。这在我局狭的一片草地上，可是一大把阳光，心底暖洋洋的。——送花的人走了 https://github.com/yjs/yjs https://github.com/yjs/yjs 在构建实时协作应用时，我发现了一个非常强大的开源库——Yjs。它是一个高效、模块化的 CRDT（Conflict-free Replicated Data Type） 实现，专注于实现实时协作功能。Yjs 能够同步不同客户端的共享数据状态，即使在网络断开或冲突的情况下，所有更改都可以无缝合并，类似于 Google Docs 这样的多人协作体验。 什么是 Yjs？Yjs 是一个基于 JavaScript 的实时协作引擎，支持在多个客户端之间共享数据同步。它通过 CRDT 技术来处理并发更新和冲突，使得用户在离线或网络不稳定的情况下依然可以正常操作，待网络恢复后自动完成数据同步。 Yjs 具有极高的性能优化和扩展性，可以集成到各种应用场景中，例如实时文本编辑器、协作画板、表单、项目管理工具等。 Yjs 的核心功能 实时协作支持多用户同时编辑共享数据。无论是文档、列表、地图还是自定义数据结...
2025-02-07
css循环淡入淡出播放（二）
让自己忙一点，忙到没有时间去思考无关紧要的事，很多事就这样悄悄地淡忘了。时间不一定能证明很多东西，但是一定能看透很多东西。坚信自己的选择，不动摇，使劲跑，明天会更好。——静好 之前在docusaurus实现了css的循环淡入淡出播放，发现效果有一点局限，遂还是用js结合css实现了，目前代码为： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778import React, {useEffect, useState} from "react";import clsx from "clsx";import styles from './index.module.css';import Layout from "@theme/Layout";l...
2024-11-14
uniapp自动化测试
日常生活的摩擦龃龉，十之其九起于口舌。——贝涅特 推荐使用HBuilderX uni-app自动化测试插件 https://ext.dcloud.net.cn/plugin?id=5708 安装完毕，右键项目选择uni-app运行自动化测试即可 这里可以在HBuilderX设置的插件设置里取消勾选“自动修改jest.config.js文件中的testMatch”选项才能自定义测试目录 这是我的jest.config.js： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455module.exports = { globalTeardown: '@dcloudio/uni-automator/dist/teardown.js', testEnvironment: '@dcloudio/uni-automator/dist/environment.js', testEnvironm...
2023-02-05
pinia
天时不如地利，地利不如人和——孟子 分享一个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 一起使用时具有可靠的类型推断支持。
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog