最後的悲伤
最後的悲伤

window.sessionStorage.setItem

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/sessionStorage#浏览器兼容性
今天第一次用别人的前端框架layui，发现了一个有意思的现象，就是无论我怎么刷新数据一直都在，我试过了清除cookie，和本地的session发现都没什么卵用，数据并没有传进数据库中，但是刷新页面为什么数据还在，于是我开始研究他的源码，百度发现了window.sessionStorage.setItem这个web api接口，于是参照他的官方语法，使用sessionStorage.clear();清除所有数据发现果然成功了,然后因为好奇心我继续深入看了一下，发现这个的应用场景很人性化，于是心血来潮就打算把这个东西记下来。

你可能感兴趣的:(window.sessionStorage.setItem)

  • JavaScript浏览器本地储存：localStorage、sessionStorage、cookie 半兽先生 前端javascript前端开发语言
    JavaScript三种数据存储方式分别是：sessionStoragelocalStoragecookier1.sessionStorage临时存储，关闭浏览器自动清空//添加数据window.sessionStorage.setItem("name","张三")window.sessionStorage.setItem("age",18)//获取数据console.log(window.ses
  • 封装sessionStorage的存、取、删 小白修仙路
    /***向缓存中存入数据*使用方式：*参数说明：key的名称，存入的数据**/exportconstStorageSetFun=function(key,data){window.sessionStorage.setItem(key,JSON.stringify(data));};/***在缓存中取数据*使用方式：*参数说明：key的名称**/exportconstStorageGetFun=fu
  • vue项目中使用axios配合vuex进行前后台交互 刘HF_
    1.下载axios和vuexnpminstall--saveaxiosnpminstall--savevuex2.在index.html中输入//设置接口地址window.sessionStorage.setItem('domain','https://api.apiopen.top');3.创建store.js文件，并输入importVuefrom'vue'importVuexfrom'vuex
  • vue 项目中从session中获取对象，并且使用里面的属性 一天不写程序难受 Vuevuejsonjs
    django后端传给前段一个json对象，vue接收后如何保存在session中，并且可以在其他的页面从session中拿出对象，用这个对象里面的属性后端传值以上是django项目，后端返回给前段的一个json对象前段获取利用JSON.stringify(）这个函数，将后端返回的json格式保存在session中window.sessionStorage.setItem("yhxx",JSON.s
  • $window $location 李霖弢
    $window基本等同原生js的window$window.location.href=''$window.alert()$window.history.back();$window.sessionStorage.setItem(key,angular.toJson(obj));$window.sessionStorage.getItem(key)$window.localStorage.setI
  • 2020.10-2021.01前端开发部分总结 捻tua馔... vue.jsjavascript小程序
    2020.10-2021.01前端开发部分总结1.减少http请求（使用缓存优化性能）storageData(){letarr=[{name:'黄',age:20},{name:'刘',age:30}]arr.push(Date.now());window.sessionStorage.setItem('str',JSON.stringify(arr))},//请求接口的方法getStorageD
  • LocalStorage、SessionStorage 大风中的沙 session
    LocalStorage基本使用设置window.sessionStorage.setItem('key','value');window.localStorage.setItem('key','value');获取window.sessionStorage.getItem('key')window.localStorage.getItem('key')清除localStorage.removeI
  • React多页面数据缓存方案 zengrc react.jsjavascript前端
    背景业务模块分开，整体业务流由多个单页面组成，如：还款途中，需要绑卡，设置交易密码，或者还需要修改手机号码，最后一系列操作后回到还款页面提交还款，整个流程在多个页面间跳转，单页面的数据无法得到保存，故需要一套多页面的数据缓存方案。数据保存考虑浏览器的一般通用性，将数据缓存在sessionStorage中。旧方案每次触发页面跳转时，手动调用window.sessionStorage.setItem保
  • React多页面数据缓存方案 zengrc react.jsjavascript前端
    背景业务模块分开，整体业务流由多个单页面组成，如：还款途中，需要绑卡，设置交易密码，或者还需要修改手机号码，最后一系列操作后回到还款页面提交还款，整个流程在多个页面间跳转，单页面的数据无法得到保存，故需要一套多页面的数据缓存方案。数据保存考虑浏览器的一般通用性，将数据缓存在sessionStorage中。旧方案每次触发页面跳转时，手动调用window.sessionStorage.setItem保
  • react Antd中使用Tabs组件点击头部,只更新一次问题 玉林路扛把子 reactAntdTab
    在使用tabs使用子模块中数据请求只执行第一次点击该头部时候,后面多次返回之后执行数据无效等问题可以通过ref对子模块方法进行调用MenuTab=(e)=>{console.log(e);this.setState({tabDeafult:e})window.sessionStorage.setItem("rid",e);setTimeout(()=>{this.refs.RoleDetailIt
  • 用户登录保存用户信息，退出清理用户信息 无名之辈-_- vue前端
    1.使用sessionStorage的时候登录时保存用户的登录信息：如果只是想单纯的保存用户的token或者id的话可以这样写：window.sessionStorage.setItem('userid',result.data.userid);window.sessionStorage.setItem('token',result.data.userid);但是当我们需要保存整个用户信息的时候，
  • 超简单解决token问题和登陆验证回弹问题 天宇流沙 token及登陆验证回弹es6模块化开发vuees6node.jswebpackvue.jsjavascript
    方法一：1.下图为登录页登陆成功时，后台返回一个token,我们通过window.sessionStorage.setItem保存token2.上图为请求拦截器通过config.headers.Authorization验证token是否存在，如果不存在，页面内无法向服务器发送请求3.设置路由导航卫士router.beforeEach((to,from,next)。如其他页面不带token.强制弹
  • H5 WEB存储实现——登陆时记住用户名或密码 jtzzz H5
    此处用保存用户名为例，因为我们在外登陆时保存用户名居多。此处需用到localStorage和sessionStorage两种存储方式。sessionStorage大小5M生命周期--关闭当前页面就消失活动范围--当前页面存储位置--当前页面的内存中API设置-window.sessionStorage.setItem(k,v)--k是属性名，v是属性值，以下相同。获取-window.session
  • window.sessionStorage.setItem 最後的悲伤
    https://developer.mozilla.org/zh-CN/docs/Web/API/Window/sessionStorage#浏览器兼容性今天第一次用别人的前端框架layui，发现了一个有意思的现象，就是无论我怎么刷新数据一直都在，我试过了清除cookie，和本地的session发现都没什么卵用，数据并没有传进数据库中，但是刷新页面为什么数据还在，于是我开始研究他的源码，百度发现了
  • vue保持侧边栏激活状态 辣椒不辣了么
    使用标签时，想要保持侧边栏的激活状态，使用@select方法获取当前选中路径,存储到sessionStorage中，创建页面时获取即可......data(){return{activePath:''}}methods:{handleSelect(index){window.sessionStorage.setItem('activePath',index);},}created(){this.a
  • 如何在第一次打开网站弹框,之后在跳转过来就不打开 随风的菜鸟
    我想到的方法是使用HTML5的本地存储来做方法一:用sessionStorage来做if(!window.sessionStorage.getItem('storge')){alert('欢迎来到我的首页');window.sessionStorage.setItem('storge','true')}方法二:用localStorage来做if(!window.localStorage.getIt
  • 通过window.sessionStorage.getItem获取的值，一定要 通过JSON.parse()转成对象 qq_39704803 jQuery前端
    错误示例：varnoticeId=window.sessionStorage.getItem('noticeId')window.sessionStorage.setItem("noticeId",null)if(noticeId){}不管noticeId是null还是有值，都会执行if里面的语句，原来noticeId的null被当成“null”字符串了。正确代码如下varnoticeId=JSO
  • Element-ui中Token的使用---Vue实现完整的系统登录退出功能 旭哥的个人博客 Vue2
    一、技术提要涉及element-ui中的validate方法二、具体实现1、表单部分代码登录重置2、JavaScript代码说明：script内使用this.$refs.loginFormRef获取到表单引用对象（注意：表单中el-form组件需要有ref=“loginFormRef”）window.sessionStorage.setItem(‘token’,res.data.token)可将t
  • 如何点击二级菜单切换地址并且转到相应的页面 mini74 vue
    给二级菜单绑定点击事件，并且将地址的参数传送给函数在方法中定义这个函数，并且将传过来的地址保存在sessionStorage中//保存链接的激活状态SaveNavState(activePath){//将获取点击的地址保存在sessionstrong中window.sessionStorage.setItem('activePath',activePath)//每次点击就重新给activePath
  • vue项目中token的使用 颠沛丶 vue.jsjavascript前端
    token在第一次登录时，客户端携带用户名与密码向服务端发送登录请求，此时服务端接收到用户名与密码后与数据库进行比对判断，如果正确，就将本地获取sessionID作为token，然后将这个token返回给客户端。这时客户端拿到返回的token令牌，将其保存到sessionStorage中。window.sessionStorage.setItem('token',res.data.token)然后
  • web存储-sessionStorage和localStorage 岩蔷薇
    1.sessionStorage-会话存储技术（客户端）针对一个session进行数据存储。当一次会话结束后，数据会被删除。sessionStorage方法：//增加window.sessionStorage.setItem(key,data);//删除window.sessionStorage.removeItem(key);//修改(和增加相同)window.sessionStorage.se
  • 客户端存储操作模块 益码凭川
    /***客户端存储操作模块*/exportdefault{/***以字符串形式保存到客户端存储*/setStr:function(key,value){if(!key)returntypeofvalue==='object'&&(value=JSON.stringify(value))window.sessionStorage.setItem(key,value)},/***以原始类型保存到客户端
  • sessionStorage 与 localStorage 重新认识？ ￡AP︶ㄣOL◢◤LO
    之前写过一次关于js存储的总结，但是今天在项目中遇到一个bug让我重新在认识sessionStorage与localStorage。以下的介绍都是基于同源下进行的，仔细看下面的案例：a.htmlfunctionadd(){window.sessionStorage.setItem("test","a页面的数据")//window.localStorage.setItem("test","a页面的数
  • LocalStorage、SessionStorage 马涛涛 sessionsessionstoragejavascriptcookielocalstorage
    window.sessionStorage和window.localStorage接口用于脚本在浏览器保存数据。LocalStorage基本使用设置window.sessionStorage.setItem('key','value');window.localStorage.setItem('key','value');获取window.sessionStorage.getItem('key')
  • javasript sessionStorage localStorage的使用 飞鱼_JS
    //sessionStorage仅仅保存在当前会话页面当中，关掉页面即消失//清除sessionStoragewindow.sessionStorage.clear()//存储window.sessionStorage.setItem("username",this.username);//读取window.sessionStorage.getItem("username");
  • 亚信第七天 天才老王1993
    sessionStorage的保存和获取保存，需要转换一下格式：vararr=[1,2,3];varstr=JSON.stringify(arr);window.sessionStorage.setItem('arr',str);获取之后也需要转换一下格式：vararr=sessionStorage.getItem('arr');vararray=JSON.parse(arr);array.pus
  • HTML5 Web Storage API html5
    window.sessionStorage.setItem("myKey","myValue");window.sessionStorage.getItem("myKey"); sessionStorage的作用域只是在浏览（在构建它的窗口或标签有效）当中有效，用户关闭浏览器后失效 try { if(!
  • mysql主从数据同步 林鹤霄 mysql主从数据同步
    配置mysql5.5主从服务器(转) 教程开始：一、安装MySQL 说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22  二、配置MySQL主服务器（192.168.21.169）mysql  -uroot  -p   &nb
  • oracle学习笔记 caoyong oracle
    1、ORACLE的安装    a>、ORACLE的版本    8i,9i :   i是internet    10g,11g : grid (网格)    12c : cloud (云计算)       b>、10g不支持win7 &
  • 数据库，SQL零基础入门 天子之骄 sql数据库入门基本术语
    数据库，SQL零基础入门        做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。          数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
  • pom.xml 一炮送你回车库 pom.xml
    1、一级元素dependencies是可以被子项目继承的 2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素 3、父项目里的一级元素<modules> <module>lcas-admin-war</module> <
  • sql查地区省市县 3213213333332132 sqlmysql
    -- db_yhm_city SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35 SELECT * FROM db_yhm_city WHERE class_parent_id =169 SELECT d1.cla
  • 关于监听器那些让人头疼的事 宝剑锋梅花香 画图板监听器鼠标监听器
           本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。       
  • JAVA的遍历MAP darkranger map
    Java Map遍历方式的选择 1. 阐述 　　对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？ 　　为了解遍历性能的真实差距，包括在遍历ke
  • POJ 2312 Battle City 优先多列+bfs aijuans 搜索
    来源：http://poj.org/problem?id=2312 题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。 思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
  • Hibernate与Jpa的关系，终于弄懂 avords javaHibernate数据库jpa
    我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。 在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
  • 酸爽的console.log bee1314 console
    在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。 /** * log.js hufeng * The safe wrapper for `console.xxx` functions *
  • 哈佛教授：穷人和过于忙碌的人有一个共同思维特质 bijian1013 时间管理励志人生穷人过于忙碌
            一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。 　　这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
  • other operate 征客丶 OSosx
    一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中 二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证] -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一
  • 【Scala五】分析Spark源代码总结的Scala语法三 bit1129 scala
    1. If语句作为表达式 val properties = if (jobIdToActiveJob.contains(jobId)) { jobIdToActiveJob(stage.jobId).properties } else { // this stage will be assigned to "default" po
  • ZooKeeper 入门 BlueSkator 中间件zk
    ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。 值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
  • MySQL取得当前时间的函数是什么 格式化日期的函数是什么 BreakingBad mysqlDate
    取得当前时间用 now() 就行。 在数据库中格式化时间 用DATE_FORMA T(date, format) . 根据格式串format 格式化日期或日期和时间值date，返回结果串。 可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值: %S, %s 两位数字形式的秒（ 00,01,
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 4_JAVA+Oracle面试题(有答案) chenke oracle
    基础测试题 卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。 选择题 1、 What will happen when you attempt to compile and run the following code? （3） public class Static { static { int x = 5; // 在static内有效 } st
  • 新一代工作流系统设计目标 comsci 工作算法脚本
      用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。 在这个设计中，最难的地方是系统根据什么来生成流
  • oracle 行链接与行迁移 daizj oracle行迁移
    表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下) 第一种情况: INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
  • [JShop]开源电子商务系统jshop的系统缓存实现 dinguangx jshop电子商务
    前言 jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
  • 初三全学年难记忆单词 dcj3sjt126com englishword
    several 儿子；若干 shelf 架子 knowledge 知识；学问 librarian 图书管理员 abroad 到国外，在国外 surf 冲浪 wave 浪；波浪 twice 两次；两倍 describe 描写；叙述 especially 特别；尤其 attract 吸引 prize 奖品；奖赏 competition 比赛；竞争 event 大事；事件 O
  • sphinx实践 dcj3sjt126com sphinx
      安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server   yum install sphinx 如果失败的话使用下面的方式安装 wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm yum loca
  • JPA之JPQL（三） frank1234 ormjpaJPQL
    1 什么是JPQL JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。 2 检索单个对象 @Test public  void querySingleObject1() {     Query query = em.createQuery("sele
  • Remove Duplicates from Sorted Array II hcx2013 remove
    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For example,Given sorted array nums = [1,1,1,2,2,3], Your function should return length
  • Spring4新特性——Groovy Bean定义DSL jinnianshilongnian spring 4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装Mysql5.5 liuxingguome centos
    CentOS下以RPM方式安装MySQL5.5 首先卸载系统自带Mysql： yum remove mysql mysql-server mysql-libs compat-mysql51 rm -rf /var/lib/mysql rm /etc/my.cnf 查看是否还有mysql软件： rpm -qa|grep mysql 去http://dev.mysql.c
  • 第14章 工具函数（下） onestopweb 函数
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • POJ 1050 SaraWon 二维数组子矩阵最大和
    POJ ACM第1050题的详细描述，请参照 http://acm.pku.edu.cn/JudgeOnline/problem?id=1050 题目意思： 给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。 如二维数组 0 -2 -7 0 9 2 -6 2 -4 1 -4 1 -1 8 0 -2 中和最大的子矩阵是 9 2 -4 1 -1 8 且最大和是15
  • [5]设计模式——单例模式 tsface java单例设计模式虚拟机
    单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点   安全的单例模式：     /* * @(#)Singleton.java 2014-8-1 * * Copyright 2014 XXXX, Inc. All rights reserved. */ package com.fiberhome.singleton;
  • Java8全新打造，英语学习supertool yangshangchuan javasuperword闭包java8函数式编程
    superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。   升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他