首页 > 其他分享 >前端之localStorage

前端之localStorage

时间:2023-07-26 16:47:11浏览次数:34  
标签:存储 appName saas 前端 storage localStorage key

问题:同一个浏览器同时打开两个saas,发现localStorge共用同一个,相同key值的存储会相互覆盖

原因:同一域名下,localStorage共享

解决方法:不同saas使用不同的key

下面介绍一下localStorage

特性:

1、永久存储,除非主动删除
2、同一域名下可以多窗口共享
3、键值对存储,方便管理

使用:

引入

import storage from 'store'

存储

storage.set('appName', value)

获取

storage.get('appName')

标签:存储,appName,saas,前端,storage,localStorage,key
From: https://www.cnblogs.com/wangyingblock/p/17582739.html

相关文章

  • 前端视角的可观测性(一)
    TL;DRGartner将应用可观测性列为2023年重要战略趋势之一。作为开发者,即便没有专精此道。但了解一下,还是有必要的。前言最近,我所在的产品组,将完善监控系统,放入了版本规划中。趁此良机,了解了一波可观测性相关的背景和技术。同时,对原有的监控方式,进行了一定的改造。可观测性......
  • 使用Memcached、Spring AOP构建数据库前端缓存框架
     上回说到Memcahed的安装及java客户端的使用(http://my249645546.iteye.com/blog/1420061),现在我们使用memcached、SpringAOP技术来构建一个数据库的缓存框架。数据库访问可能是很多网站的瓶颈。动不动就连接池耗尽、内存溢出等。前面已经讲到如果我们的网站是一个分布式的大型站......
  • 目前为止整理最全的前端监控体系搭建篇(长文预警)
    参考:https://cloud.tencent.com/developer/article/1983779https://github.com/miracle90/monitorhttps://wpk.ucweb.com/index 概览为什么要做前端监控前端监控目标前端监控流程编写采集脚本日志系统监控错误监控接口异常白屏监控加载时间性能指标卡顿pv......
  • 在疯狂的前端世界,为什么选择学习React
    题图| https://github.com/react-icons/react-iconsReactNative和Prettier的作者之一、前端大牛、Twitter大V@Vjeux(ChristopherChedeau)建议前端人都来学习下React,他给出的理由是:“React和其他库的不同之处在于,它可以教会你一些概念,这些概念可以在你的开发生涯中反复使用。......
  • 前端Vue仿支付宝自定义可滑动轮播分页宫格菜单组件,可支持九宫格 十二宫格 十五宫格
    背景介绍随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且......
  • vue--day44-todolist的localStorage本地存储
    添加修改删除数据发生变化,可以用watch监测来实现监测数据的变化1.App.vue  <template><divid="root"><divclass="todo-container"><divclass="todo-wrap"><!--传递函数儿子给父亲传东西,父亲偷偷传递一个函数,儿子调用这个函数--><MyHeader:addTodo=&q......
  • 前端之Bootstarp框架
    Bootstarp简介Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是前端开发中比较受欢迎的框架,简洁且灵活。它基于HTML、CSS和JavaScript,HTML定义页面元素,CSS定义页面布局,而JavaScript负责页面元素的响应。Bootstrap将HTML、CSS和JavaScript封装成一个......
  • 前端多次调用1个接口, 要最后一次请求的数据
    假设你要进行多次调用一个名为`getData()`的接口,并且你只关心最后一次请求的数据。你可以使用以下示例代码来实现:1letlastRequestId=0;//记录最后一次请求的ID2letlastResponse=null;//记录最后一次请求的响应数据34asyncfunctiongetData(){5const......
  • web前端tips:js继承——原型链继承
    原型链继承原型链继承是JavaScript中实现继承的一种方式,它通过使用原型来实现对象之间的继承关系。在JavaScript中,每个对象都有一个原型(prototype),它是一个指向另一个对象的引用。当我们访问一个对象的属性时,如果该对象自身没有该属性,则会去它的原型上查找,如果原型上也没有,则......
  • 前端-antd table 分页器自定义
      按照时间排序, ......