浏览器端保存校验信息(sessionstorage,localstorage)

最新推荐文章于 2022-06-27 18:29:48 发布
最新推荐文章于 2022-06-27 18:29:48 发布
阅读量153 收藏
点赞数
分类专栏： Vue 文章标签： javascript vue.js ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46759279/article/details/105723186
版权

  • 学习到当前阶段时,之前学过的cookie已经不能满足需求,cookie的存储信息个数,大小等限制

  • 在这里学习新的浏览器端保存信息技术,来替换cookie

  • sessionstorage和localstorage共同点与区别

    • 共同点
      • 都是保存在浏览器端的技术
      • 只能储存字符串信息,保存对象等需要使用JSON工具进行处理
    • 不同点
      • sessionstorage(会话级别)
        • 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据
      • localstorage
        • 用于永久保存同一窗口(或标签页)的数据，会把数据保存在本地上,除非手动删除,否则永远不会销毁

  • 目前就整理了这些,这里放一个大佬的链接<<cookie、sessionStorage和localStorage的区别>>,这里有详细的介绍

Pole丶逐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2023前端大厂高频面试题之浏览器篇
zag666的博客
04-26 415
从一个url地址到页面完成渲染，发生了什么？ 有了IP地址怎么找到指定的服务器（ARP协议） 前端攻击有哪些，抵御前端攻击的方式有哪些 网络劫持有哪些，怎么防范 Cookie、sessionStorage、localStorage 的区别 浏览器内核有哪些 同源策略 如何解决跨越问题 强缓存和协商缓存 浏览器标签页用进程还是线程来实现？ 如何实现浏览器内多个标签页之间的通信?
浏览器缓存详解
qq_43215592的博客
09-28 1077
Web 缓存介绍 Web 缓存是指一个 Web 资源（如 html 页面，图片，js，数据等）存在于 Web 服务器和客户端（浏览器）之间的副本。 缓存会根据进来的请求保存输出内容的副本；当下一个请求来到的时候，如果是相同的 URL，缓存会根据缓存机制决定是直接使用副本响应访问请求，还是向源服务器再次发送请求。 Web 缓存的好处 减少网络延迟，加快页面打开速度 减少网络带宽消耗 降低服务器压力 根据什么规则缓存 新鲜度（过期机制）： 也就是缓存副本有效期。一个缓存副本必须满足以下条件，浏览器会认为它是有效
验证你的浏览器的信息
大道废
04-26 764
验证浏览器是什么东东的代码，来至《JavaScript高级程序设计》一书 var sUserAgent = navigator.userAgent;var fAppVersion = parseFloat(navigator.appVersion);function compareVersion(sVersion1, sVersion2) ...{    var aVersion1 = s
序列化组件之数据校验与保存
weixin_30315723的博客
12-12 114
一序列化组件之请求数据校验和保存功能 组件 class BookSerializer(serializers.ModelSerializer): class Meta: model = models.Book fields = '__all__' name = serializers.CharField(min_length=...
用sessionStorage 存储数据
John的博客
06-27 1005
用sessionStorage 存储数据
sessionStorage的取值，存值，删除（用于浏览器存储客户端的访问数据）
qq243179521的博客
10-10 3603
一个vue页面中，保存时需要进行多个form表单的校验
weixin_45397766的博客
02-22 2195
前言：最近项目中遇到多个表单需要一起校验的情况，记录一下！ 一、解决方案 使用promise接收多个表单校验返回信息 // 表单校验 checkForm(formName) { const result = new Promise((res, rej) => { this.$refs[formName].validate((valid) => { if (valid) { res() } }) }) this.checkLi.
详解Vue中localstorage和sessionstorage的使用
大熊的博客
03-29 1万+
1. 项目使用中暴露出来的几个问题大家到处直接使用localstorage['aaa']='这是一段示例字符串'这些原生语法实现，这样耦合度太高了，假如有一天我们需要换实现方式，或者对存储大小做一些控制，那么需要修改的代码就会很多项目很大，那么大家起的key的名字难免会重复，而且这样也会造成全局污染因为localstorage的使用不规范，所以造成了存储空间的浪费和不够用2. 解决办法封装stor...
【后端开发】直击痛点系列之——cookie、session、token、LocalStorage和SessionStorage。
独斟灬此夜的博客
07-30 602
背景 工作时出现了一个错误，追根溯源，感觉在一个“字符串”上出了问题，于是想要打印出来看一下，结果用console.log()打印得出来了[object Object]，这到底怎么回事？ 原因 细心的同学可能早就已经发现了，我前面写的“字符串”都带上了引号，因为我以为的“字符串“其实不是字符串！ 我是从前端的一个JSON对象中抽出来了一部分传到了后端，我认为传过来的是个”字符串“，但是他其实是一个JSON对象！我随即用JSON.stringify()方法解析了一下，得出来了正儿八经的字符串，然后终于成功打印
django使用JWT保存用户登录信息
09-17
### Django 使用 JWT 保存用户登录信息详解 #### 一、JWT 概念及应用场景 JWT (JSON Web Token) 是一种开放标准（RFC 7519），它定义了一种无状态、自包含的机制，用于在各方之间以 JSON 对象的形式安全地传输信息...
清空浏览器的所有sessionstorage_浏览器-本地存储
weixin_39952800的博客
11-24 4202
在浏览器中存储主要分为以下三种方式1、localstorage 2、sessionStorage 3、cookie 4、localStorage与sessionStorage区别1、localStorage生命周期永久，除非用户清除浏览器中的localStorage信息，否则永远存在；存放数据大小一般为5MB；仅在浏览器中保存，不参与服务器通信；API调用：localStorage.setItem...
检测某一个网页下localStorage的剩余容量
weixin_34362875的博客
08-02 949
使用localStorage很久了，虽然知道它的容量在不同的浏览器下为5M-10M，突然想知道怎么去判断自己写的WebApp应用下的localStorage剩余容量。 平时用JSON.stringify(localStorage).length，和最大容量比较下，能估算出大概用了多少。具体使用方法： if(window.localStor...
sessionStorage清空所有缓存方法
热门推荐
weixin_40918145的博客
07-23 5万+
sessionStorage.clear()轻松搞定
sessionStorage会话存储
wang13145的博客
05-25 945
1.说明 　　sessionStorage是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页后将会删除这些数据。 　　在JavaScript语言中，可以用window.sessionStorage或sessionStorage调用此对象。 2.特点 　　1)同源策略限制。若想在不同页面之间对同一个sessionStorage对象进行操作,这些页面必须在同一个协议、同一个主机名和同一个端口下。 　　2)单标签页限制。sessionStorage操作限制在单
HTTP缓存和浏览器的本地存储
Linux知识积累
10-16 1134
一、HTTP缓存http请求做为影响前端性能极为重要的一环，因为请求受网络影响很大，如果网络很慢的情况下,页面很可能会空白很久。对于首次进入网站的用户可能要通过优化接口性...
简单易懂地测试localStorage的已使用容量和最大容量
qq_41634455的博客
01-21 3147
获取使用容量思路：window.localStorage是一个对象，可以通过获取对象中存储的各个条目的length的总和来进行计算，公式：((length的总和)/ 1024).toFixed(2)，如此计算出来的就是已经使用了多少KB的容量 if(!window.localStorage){ console.log("浏览器不支持localStorage"); return; } var size=0; var storage = window.localStorage; for(var
sessionStorage 键值是否为空进行判断
悟世君子的博客
08-11 1万+
当 sessionStorage 中未存储任何键值时，若要对某个键的值是否为空进行判断，可进行如下判断 if (sessionStorage.getItem(&amp;amp;quot;key&amp;amp;quot;) ！= null) { //自定义代码 } 注意:上述代码，可以直接进行 getItem(&amp;amp;quot;key&amp;amp;quot;) 判断，即使 sessionStorage 中没有该键，也不会报错。..
.net后台怎么取得sessionstorage里面的值_get请求URL传中文参数后台接收乱码的解决之道...
weixin_39887546的博客
11-25 489
现在需求是在浏览器里面直接发请求，浏览器发请求，默认发的是get请求，然后带参数，参数包含中文汉字。麻烦就在这里，参数里面的汉字，在后台接收的时候，是乱码。这么简单的传递参数的方式，是不OK的。下面看详情。这个就是简单的在URL里面带中文汉字参数，然后，就在后台乱码了，哦。这就悲剧啦。1，有的人说：（结果：失败）后台解码的时候，如下，String setMetricText = URLDecode...
vue3 登录 如何实现token校验
最新发布
05-25
3. 客户端将 Token 存储到本地，可以使用浏览器的 localStorage 或 sessionStorage 存储。 4. 在需要进行 Token 校验的请求中，客户端将 Token 携带在请求头中发送到服务器。 5. 服务器验证 Token 的有效性，如果...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值