localStorage
发表于|更新于
|浏览量:
蚍蜉撼大树，可笑不自量。——韩愈《调张籍》
我们可以使用LocalStorage在页面上存点东西，限制是5MB
1 | window.localStorage.setItem("ruben","Hello") |
我们再取出来
1 | window.localStorage.getItem("ruben") |
如果我们要移除
1 | window.localStorage.removeItem("ruben") |
要移除全部
1 | window.localStorage.clear() |
相关推荐
2022-07-08
escape、unescape废弃
爱所有人，信任少数人，不负任何人。——莎士比亚 今天看到这个API废弃了，提示使用 encodeURI 或 encodeURIComponent 代替。 但是貌似有部分符号并没有转义成功 最后在示例看到了解决办法 123456789101112131415161718192021222324252627282930var fileName = 'my file(2).txt';var header = "Content-Disposition: attachment; filename*=UTF-8''" + encodeRFC5987ValueChars(fileName);console.log(header);// 输出 "Content-Disposition: attachment; filename*=UTF-8''my%20file%282%29.txt"function encodeRFC5987ValueChars (str) &#...
2022-01-10
oss视频截封面
所谓世人，不就是你吗？——太宰治《人间失格》 今天上传视频后发现没有上传封面… 后来发现阿里云oss支持直接截取封面 文档地址： https://help.aliyun.com/document_detail/64555.html 也就是说，如果之前的视频URL为： 1/img/oss/picGo/rabbit.mp4 那么我们加上参数 1/img/oss/picGo/rabbit.mp4?x-oss-process=video/snapshot,t_10000,f_jpg 就会变成一张图片 参数说明操作分类：video 操作名称：snapshot 参数 描述 取值范围 t 指定截图时间。 [0,视频时长]单位：ms w 指定截图宽度，如果指定为0，则自动计算。 [0,视频宽度]单位：像素（px） h 指定截图高度，如果指定为0，则自动计算；如果w和h都为0，则输出为原视频宽高。 [0,视频高度]单位：像素（px） m 指定截图模式，不指定则为默认模式，根据时间精确截图。如果指定为fast，则截取该时间点之前的最近的一个关键帧。 枚举值：fa...
2024-06-18
MutationObserver监听dom变化
人生意义到底是什么呢？吃得好一点，睡得好一点，多玩玩，不羡慕别人，不听管束，多储蓄人生经验，死而无憾，这就是最大的意义吧，一点也不复杂。—— 蔡澜《不如任性过生活》 mdn: MutationObserver.MutationObserver() - Web API | MDN MutationObserver.observe() - Web API | MDN 代码如下： 12345678910111213 let app = document.querySelector("#app")var observerOptions = { attributes: true, // 观察属性变动 childList: true, // 观察目标子节点的变化，是否有添加或删除 subtree: true // 观察后代节点，默认为false}// 创建一个DOM监听器，在DOM更新完成时触发let observer = new MutationObserver((mutationsList, obs...
2023-03-11
css-diner
即使是最神圣的友谊里也可能潜藏着秘密，但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬 分享一个网站css-diner https://flukeout.github.io/ 其能够让你通过益智的方式学习css选择器 例如此处两个盘子，对应的标签为plate，鼠标移动上去还有高亮，我们需要选中所有的盘子则使用plate标签选择器 源码地址：https://github.com/flukeout/css-diner
2023-01-02
transition.style
我这个人走得很慢，但是我从不后退。——亚伯拉罕·林肯 分享一个网站https://www.transition.style 这个网站提供了transition的各种css动画效果，其github地址：https://github.com/argyleink/transition.css 可以直接选取你需要的动画效果，点击复制，右边还可以自定义时间、淡入淡出等
2022-12-26
pug
人心只能赢得，不能靠人馈赠——叶芝 分享一个前端框架pug github地址：https://github.com/pugjs/pug 它可以以下面的方式编写html 12345678910111213141516doctype htmlhtml(lang="en") head title= pageTitle script(type='text/javascript'). if (foo) bar(1 + 5); body h1 Pug - node template engine #container.col if youAreUsingPug p You are amazing else p Get on it! p. Pug is a terse and simple templating language with a strong focus on performance and powerful fe...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog