localStorage
发表于|更新于
|浏览量:
蚍蜉撼大树,可笑不自量。——韩愈《调张籍》
我们可以使用LocalStorage在页面上存点东西,限制是5MB
1 | window.localStorage.setItem("ruben","Hello") |
我们再取出来
1 | window.localStorage.getItem("ruben") |

如果我们要移除
1 | window.localStorage.removeItem("ruben") |
要移除全部
1 | window.localStorage.clear() |

相关推荐
2025-03-18
文本精准对齐
即使饱含泪水,我仍旧将它们擦干;即使不被信任,我仍旧相信。就是这样,也将是这样。——保罗·科埃略的《阿莱夫》 CSS 如何让文本随背景图等比例缩放?背景在响应式布局中,我们经常需要让文本标注准确地贴合背景图,并且在窗口缩放时,文本应 保持相对位置不变,同时等比例缩放。然而,传统的 position: absolute 方式往往会导致文本发生 偏移,影响对齐。 最佳实践:position + transform在 CSS 中,最简单且稳定的方法是结合: 1234position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); 这能确保文本始终居中,不随容器缩放而偏移。 原理解析 position: absolute 确定参考点 文本相对于 position: relative 的父元素 进行绝对定位。 left: 50%; top: 50% 让文本的左上角 位于背景图 50% 的位置。 transform: translate(-50%, -50%) 精准居中 向左移动自身宽度 50% (t...
2022-09-30
tui-image-editor
世间最好的东西,莫过于有几个头脑和心地都很正直的严正的朋友——爱因斯坦 分享一个在线图片编辑器,用于裁剪、调整色彩等 官网:https://ui.toast.com/tui-image-editor git地址:https://github.com/nhn/tui.image-editor 功能强大,十分出众 在文档里:https://nhn.github.io/tui.image-editor/latest/tutorial-example02-useApiDirect 还有不同的例子:
2023-10-03
threejs+vite+ts实现官网基础部分
一个温柔的目光,一句由衷的话语,能使人忍受生活给他的许多磨难。——高尔基 官方文档:three.js manual 源代码从这里改进: GitHub - PacktPublishing/Learn-Three.js-Fourth-edition: Learn Three.js, Fourth edition, published by Packt 我本地进行了一些修改,首先package.json 12345678910111213141516171819{ "name": "three-ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc &...
2021-12-02
uniapp播放音频
人们不太看重自己的力量——这就是他们软弱的原因。——高尔基 播放音频的代码很简单: 123const innerAudioContext = uni.createInnerAudioContext(); innerAudioContext.src = '/img/oss/picGo/kuangstudy9664a946-42a5-4111-80e7-65e735932ef7.wav'; innerAudioContext.play(); 官方文档: https://uniapp.dcloud.io/api/media/audio-context 除了播放、暂停、停止等也都能实现 完整代码: 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980<template> <view class=...
2024-10-08
深入理解 JavaScript 异步
美丽的姿态胜过美丽的脸孔,美丽的行为胜过美丽的姿态。——爱默生 学习js异步可以看这个 https://github.com/wangfupeng1988/js-async-tutorial 2014年秋季写完了《深入理解javascript原型和闭包系列》,已经帮助过很多人走出了 js 原型、作用域、闭包的困惑,至今仍能经常受到好评的留言。 很早之前我就总结了JS三座大山这个概念(虽然没有到处宣扬),前两座(原型、作用域)已经基本讲明白,而第三座(异步)也应该做一个总结。 于是,2017年初春,我花费大约一周的业余时间来对 JS 异步做一个完整的总结,和各位同学共勉共进步! 目录part1 基础部分 什么是异步 异步和 event-loop 事件绑定算不算异步? part2 jQuery的解决方案 jQuery-1.5 之后的 ajax jQuery deferred jQuery promise part3 ES6-Promise Promise 加入 ES6 标准 Promise 在 ES6 中的具体应用 对标一下 Promise/A+ 规范 Pro...
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"/> 之后就拽不动啦~

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