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()

相关推荐

vue查看组件

人死像熟透的梨，离树而落，梨者，离也。——《活着》最近在折腾 Vue.js，发现了一个挺有意思的东西，叫 Vue.options.components。先来个大概的解释，这货就是 Vue.js 用来存储全局组件的一个对象。每次你注册个全局组件，它就会乖乖地跑到 Vue.options.components 里去。什么是 Vue.options.components？简单说，Vue.options.components 就是 Vue.js 全局组件的家。你每次用 Vue.component 注册个组件，它就会被扔进这个家里，然后你在任何地方都能用到它。感觉像是个全局变量，不过是专门为组件准备的。全局注册组件先来个全局注册组件的例子吧，感觉这个比较好理解： 123Vue.component('my-component', { template: '<div>这是一个自定义组件！</div>'}); 这个时候，你可以通过 Vue.options.components 看到你刚才注册的组件：...

vue子组件调用父组件方法

强迫学习的东西是不会保存在心里的。——《柏拉图论教育》首先我们在子组件中这样定义 123456789101112131415<template> <div> <el-button @click="callSuper">123</el-button> </div></template><script>export default { methods: { callSuper() { this.$emit('parentEvent', '我的'); } }};</script> 这里的组件就只有一个el-button，点击后执行callSuper函数里面这行this.$emit('parentEvent', '我的');表示调用在父组件引用子组件时传入的事件例如我这里调用了parentEvent，传入了个“我的”...

世界在音乐中得到了完整的再现和表达。它是各种艺术当中第一位的，帝王式的艺术，能够成为音乐那样，则是一切艺术的目的。——叔本华继续还是js中Array的方法这次说的方法是from：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from 这个方法简单应用如下： 12345console.log(Array.from('foo'));// expected output: Array ["f", "o", "o"]console.log(Array.from([1, 2, 3], x => x + x));// expected output: Array [2, 4, 6] 我这里写个稍微复杂点的例子，随机生成文件名并排序 1[...new Set(Array.from(Array(200).fill('文件'),x=>x+String(...

ts的&和|类型

如果结果不如你所愿，就在尘埃落定前奋力一搏。——《夏目友人帐》文档： https://www.typescriptlang.org/docs/handbook/2/objects.html#intersection-types 让我们用中文来解释这两个例子的区别，并通过几个例子帮助你理解。交集类型 123type Bar = { x: number };type Baz = { y: number };type Foo = Bar & Baz; 结果 Foo 类型: { x: number; y: number } 解释: Foo 是 Bar 和 Baz 的交集类型。它必须同时拥有 x 和 y 两个属性。示例: 12const obj: Foo = { x: 5, y: 10 }; // 合法const obj2: Foo = { x: 5 }; // 非法，因为缺少 `y` 联合类型 123type Foo = { x: number };type Ba...

scopedb官网首页

我来到这个世界，为了看看太阳和蓝色的地平线。——《城门开》 https://github.com/scopedb/scopedb-site/pull/32 最近忙着给scopedb做了一个最简单的官网首页这里说到一些细节吧，首先是适配移动端或者说小尺寸屏幕，这里在没有移动端对应UI设计图的情况下，我们采取pc的布局，因此字体单位使用的vw 然后是这张图片，未来可能会改为带动画的，效果会比较惊艳和抢眼首页tsx如下 123456789101112131415161718192021222324252627282930313233343536373839import React from "react";import styles from './index.module.css';import Layout from "@theme/Layout";import clsx from "clsx";function HomepageBanner(): React.JSX.Element ...

vuesax一些组件找不到踩坑

祸生于欲得，福生与自禁。——刘向今天发现vuesax有一些组件用不了了，弄了半天，没办法去github上看了看发现这个人也是相同问题 https://github.com/lusaxweb/vuesax-next/issues/208 然后翻issue看到一个不继续开发的issue https://github.com/lusaxweb/vuesax-next/issues/297 这里提到 A fork of Vuesax V4 has been created that works with Vue 3 and Nuxt 3. Additionally, the fork includes new components that are not present in V4. I suggest using and contributing to fork instead. Vuesax V4 的一个分支已经创建，可与 Vue 3 和 Nuxt 3 配合使用。此外，该分支还包含 V4 中不存在的新组件。我建议改为使用 fork 并为其做出贡献。这里跳转过来是一个v...

阿超

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

数据加载中