localStorage

发表于2021-04-05|更新于2026-02-24

|浏览量:

蚍蜉撼大树，可笑不自量。——韩愈《调张籍》

我们可以使用LocalStorage在页面上存点东西，限制是5MB

1	window.localStorage.setItem("ruben","Hello")

我们再取出来

1	window.localStorage.getItem("ruben")

如果我们要移除

1	window.localStorage.removeItem("ruben")

要移除全部

1	window.localStorage.clear()

相关推荐

人活一生，值得爱的东西很多，不要因为一个不满意，就灰心。——路遥 Github: https://github.com/n8n-io/n8n官网: https://n8n.io/ 最近在探索工作流自动化时，我发现了一个非常有趣的开源工具——n8n。它是一个低代码（Low-Code）工作流自动化平台，可以帮助开发者和业务人员以非常简单的方式创建自动化流程，连接不同的应用程序和服务。n8n的设计理念是为了让复杂的工作流变得简单易用，同时也支持高度的自定义，非常适合需要快速集成多个系统的场景。 n8n的特点非常突出。首先，它是完全开源的，你可以自由地修改和扩展它的功能。其次，n8n支持几乎所有主流的API和服务，比如Google Sheets、Slack、GitHub、AWS、Twitter等。对于每个服务，n8n都有一个内置的节点（Node），用户只需要简单地配置这些节点，就可以实现系统间的数据交换和自动化操作。 n8n的界面非常直观，提供了一个可视化的工作流编辑器，可以通过拖拽的方式连接不同的节点来定义工作流。对于不熟悉编程的用户来说，这种方式非常友好；而对于开发者，n8n也提...

活着就意味着必须做点什么，请好好努力。——《地下》我们知道React等单页应用在开发时，页面变化依赖于state 随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state（状态）。这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据，也包括 UI 状态，如激活的路由，被选中的标签，是否显示加载动效或者分页器等等。管理不断变化的 state 非常困难。如果一个 model 的变化会引起另一个 model 变化，那么当 view 变化时，就可能引起对应 model 以及另一个 model 的变化，依次地，可能会引起另一个 view 的变化。直至你搞不清楚到底发生了什么。state 在什么时候，由于什么原因，如何变化已然不受控制。当系统变得错综复杂的时候，想重现问题或者添加新功能就会变得举步维艰。如果这还不够糟糕，考虑一些来自前端开发领域的新需求，如更新调优、服务端渲染、路由跳转前请求数据等等。前端开发者正在经受前所未有的复杂性，难道就这么放弃了吗？当然不是。这里的复杂性很大程度上来自于...

真理的范围在大炮射程之内。——俾斯麦 https://astro.build/ https://github.com/withastro/astro Astro：为内容驱动的网站打造的现代前端框架在前端框架百花齐放的今天，React、Vue、Svelte 等已经牢牢占据开发者的视野。而 Astro，则以一种“反潮流”的方式切入了战场——它不试图成为全能框架，而是专注于一个核心场景：内容驱动的静态网站。什么是 Astro？Astro 是一个现代的静态网站构建工具，主打“少 JavaScript，多性能”。它允许开发者使用多种框架（React、Vue、Svelte、Solid 等）构建组件，但最终构建时，只会输出最小的 HTML、CSS 和必要的 JS，实现几乎“零 JS 运行时”。一句话总结：Astro 是为了构建快如闪电的内容网站而生的静态站点生成器。核心特性1. 零 JS 默认输出Astro 默认不会给你的页面添加任何 JavaScript，除非你显式启用交互。这种“按需加载”策略，让页面加载速度大幅提升，非常适合博客、文档、企业官网等。 2. 跨框架组件支持在一个项...

React优化技巧——避免state层级过高

你是非常可爱的人，真应该遇到最好的人，我也希望我就是。——《爱你就像爱生命》今天从Cory House @housecor看到一个优化技巧随笔记一下，希望下次编写时候可以考虑原代码： 123456789101112131415161718192021222324function Product() { const [rating, setRating] = useState(null); return ( <> <h1>Product</h1> <ProductRating rating={rating} setRating={setRating} /> </> );}function ProductRating({ rating, setRating }) { return ( <> <label htmlFor="rating"...

position-try-fallbacks

教育成功的秘密，在于尊重学生。——爱默生昨天我们聊到了 position-try | 阿超今天是它的拓展，我们通过@position-try定义移动到的位置，然后用position-try使用语法例如： 12345678910@position-try --my-custom-position { position-area: top left; width: 50px;}.target { position: absolute; position-area: top right; position-try-fallbacks: --my-custom-position;} 我们这里还是用昨天的例子，定义一个 12345/* 定义自定义的 `position-try` 规则，用于小型目标元素的样式 */@position-try --compact-target { height: 40px; /* 高度设为40px */ margin: 0px; /* 没有边距 */} 然后我们使...

恋爱不是慈善事业，所以不能随便施舍——狄更斯分享一个css的仓库 https://github.com/chokcoco/iCSS

阿超

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

数据加载中