sessionStorage
发表于|更新于
|浏览量:
勤奋是一种可以吸引一切美好事物的天然磁石。 ——罗•伯顿
前端除了localStorage还有sessionStorage
localStorage即便关闭了浏览器,再次打开该页面仍然存在
但sessionStorage的作用于仅仅局限于当前标签页或通过当前标签页中的点击事件打开的新页面
localStorage一般用于用户token储存、主题设置等需要稍微长期持久化的场景
sessionStorage一般用于刷新页面记住分页页码、记住检索条件等关闭标签页即销毁的场景
sessionStorage的api和localStorage的api非常相似:
1 | // 存 |
取出来:
1 | // 取 |

相关推荐
2024-09-08
PhaserJS网页2D游戏引擎
教育不可缺的是天性与训练。人必须趁年轻就开始学习。——普罗达哥拉斯 项目介绍 PhaserJS 是一个开源的 2D 游戏引擎,使用 HTML5 和 JavaScript 构建。它功能强大且灵活,广泛应用于网页游戏和移动游戏开发。PhaserJS 提供了丰富的 API 来支持图形渲染、物理引擎、动画、声音处理等常见的游戏开发功能,使开发者能够轻松创建跨平台的 2D 游戏。 PhaserJS 的主要特点: 丰富的图形和动画支持:提供 Sprite、Tilemap、Particle 等多种图形元素支持,方便实现复杂的游戏画面。 强大的物理引擎:内置多种物理引擎,包括 Arcade Physics 和 Matter.js,支持游戏物体的碰撞、重力等物理效果。 跨平台:PhaserJS 支持在浏览器、移动设备等多种平台上运行,适用于开发基于 Web 的跨平台游戏。 易用的 API:PhaserJS 提供了清晰、易用的 API,使得游戏开发流程更加顺畅和直观。 官方文档、GitHub地址 官方网站:PhaserJS Documentation GitHub 仓库:phase...
2020-07-05
jQuery的input框取值和赋值
取值 1$('#cowBeer').val() 赋值 1$("#cowBeer").attr("value", 666);
2025-09-05
live
功名富贵若长在,汉水亦应西北流。――李白《江上吟》 https://github.com/fanmingming/live 在国内外 IPTV、网络电视、广播播放器用户圈里,fanmingming/live 项目可以说是“台标资源与工具生态”的天花板级开源项目。它不仅仅是一套可直连访问的电视/广播台标库,更集合了 m3u 直播列表、EPG 电子节目单、m3u8在线下载、格式转换、Web播放器等实用工具,并且永久免费、完整开源、支持 IPv4/IPv6 双栈访问,真正做到了“公益服务,极致易用”。 项目定位fanmingming/live 的核心定位是提供一个持续完善、易于接入的电视/广播台标(logo)资源库,并配套一系列 IPTV/广播频道相关工具,帮助用户打造属于自己的高品质直播订阅与频道展示体验。项目由热心开发者公益维护,所有内容均托管在 GitHub,并通过 CloudFlare 提供高速 CDN 和安全访问,无论在国内外都能“直连无障碍”。 功能特色一览 海量台标库:覆盖国内主流电视台(央视、卫视、地方台)...
2026-03-13
page-agent
只要我们能善用时间,就永远不愁时间不够用。——德国诗人歌德 Page Agent JavaScript in-page GUI agent. Control web interfaces with natural language. 他是谁:住在网页里的 GUI AgentPage Agent 有点像那种“已经在你页面里租好房子”的小助手——不是浏览器扩展那种住隔壁的,也不是 python 脚本那种在远方给你打电话的,更不是 headless browser 那种披着隐身斗篷在后台乱窜的。 他是那种会直接站在你的网页里,理一理领带,拍拍胸口说: The GUI Agent Living in Your Webpage. Control web interfaces with natural language. 你对他说一句人话,他就替你把网页界面“按按钮、填表单、点链接、做流程”这类事儿办得明明白白。 他甚至还准备了几个入口,像是在门口举牌指路: 👉 🚀 Demo👉 📖 Documentation👉 📢 Join HN Discussion...
2022-05-24
css继承
浅水是喧哗的,深水是沉默的。——雪莱 我们知道CSS中一些属性会被继承:给父节点设置样式,子节点也会生效例如color、font-size之类的 但像widths, margins, padding, 和 borders 不会被继承,如果被继承,设想一下,给父节点加了一个border,里面的每个子孙元素都有一个border,这不是我们通常想要的效果 如何来控制这些属性呢? CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上,就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的,那么会设置为 inherit 。 unset 将属性重置为自然值,也就是如果属性是自然继承那么就是 inherit,否则和 initial一样 这里有一个简单的demo: 12345678910111213141516171819202122232425262728293031<div> <h2> ...
2026-10-02
effect
少年易学老难成,一寸光阴不可轻。——朱熹 Effect:为 TypeScript 生产应用准备的一套可靠性语言项目地址:https://github.com/Effect-TS/effect TypeScript 的世界里,写出能运行的代码并不总是最难的部分。 真正棘手的,往往是代码开始面对现实之后。 网络请求会失败,依赖会缺失,数据库会暂时不可用,异步任务会交错执行,配置会变化,日志与追踪需要被补上,测试环境与生产环境又有着不同的要求。代码规模一旦增长,这些问题不会单独到来,而会彼此纠缠,慢慢变成项目长期维护中的重量。 Effect 想处理的,就是这部分重量。 它是一个用于构建健壮、可维护、类型安全且面向生产环境 TypeScript 应用的库。它关注的不是让代码看起来更抽象,而是帮助开发者在规模化开发中处理类型化错误、依赖注入、并发、缓存、资源管理、可观测性以及流式数据等复杂问题。 Effect 的方向很明确:让生产级应用中的不确定性,不再只能依赖约定、注释和经验来维持。 当应用开始复杂,问题才真正出现一个简单的函数可以接收输入,返回输出。 但一个真实服务通常需要做得更多...
