浏览器本地存储

最新推荐文章于 2024-08-14 10:08:54 发布
最新推荐文章于 2024-08-14 10:08:54 发布
阅读量84 收藏
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37604065/article/details/103844351
版权

cookie

  • 前端与后端数据交互，http请求属于无状态请求，也不是持久性链接，后端对请求者一无所知，只接收请求，返回响应。
  • cookie是在用户端保存请求信息的机制，浏览器在操作系统里开辟文件(加密)，每次请求后端时，都带上cookie，这样后端就会知道是谁发来。
  • cookie就是字符串，分号分隔的key-value形式
  • 域名和路径限制
1、字段

name: cookie名称
domain：cookie生效的域名
path：cookie生效路径
expires：cookie过期时间
HttpOnly：用户端不可更改，cookie服务端产生防止串改

2、session
  • 服务端保存请求信息的机制
  • sessionId通常存放在cookie里，（sessionId并不一定用cookie来实现，可以放在请求参数、或http请求头开辟token字段）
  • 没有设置过期时间的cookie只存在一次会话中，浏览器关闭即结束，那么session也失效了，session会话由浏览器控制

cookie是对请求的
localStorage是对用户偏好的

localStorage

  • H5新特性
  • 有域名限制，不存在作用域概念
  • 只有key-value
  • 没有过期时间, 浏览器关闭后不消失
1、sessionStorage
  • 和localStorage相似
  • 浏览器关闭后消失
我一天学一点
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浏览器本地存储方案
Runnymmede的博客
05-19 828
浏览器本地存储方案可以分为三个方面，分别为CookieIndexedDB。
浏览器原理---浏览器本地存储
sinat_34896766的博客
04-30 1133
Cookie是最早被提出来的本地存储方式，在此之前，服务端是无法判断网络中的两个请求是否是同一用户发起的，为解决这个问题，Cookie就出现了。SessionStorage和LocalStorage都是在HTML5才提出来的存储方案，SessionStorage 主要用于临时保存同一窗口(或标签页)的数据，刷新页面时不会删除，关闭窗口或标签页之后将会删除这些数据。LocalStorage是HTML5新引入的特性，由于有的时候我们存储的信息较大，Cookie就不能满足我们的需求。b、Cookie无法跨域。
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
js浏览器本地存储store.js介绍及应用
10-25
浏览器本地存储指的是网页浏览器为网页提供的存储空间，使得开发者能够保存和读取网站或应用的数据，以实现网站的离线访问、记录用户偏好设置等效果。传统上，常见的本地存储方式包括 Cookie、Web Storage...
BrowserStorage浏览器本地存储封装
08-12
BrowserStorage是针对HTML5引入的各种浏览器本地存储机制的一种封装库，旨在提供统一的API接口，以便开发者更加便捷地管理和操作这些存储方式。HTML5的本地存储主要包括Cookie、localStorage和sessionStorage，它们...
web基于浏览器的本地存储方法应用
09-05
因此，浏览器开始引入新的本地存储方法，以满足更丰富的数据存储需求。 HTML5引入了两种主要的本地存储解决方案：`localStorage` 和 `sessionStorage`。`localStorage` 是一种持久化的存储方式，数据可以在用户关闭...
vue2前端阿里云oss服务端签名直传
weixin_74285634的博客
08-13 244
generatePresignedUrlApi是由后端提供的接口 来获取密钥。
【vue教程】五. Vue 的路由管理
前端探索者
08-13 1093
Vue Router 是 Vue 官方的路由管理器，用于构建单页面应用。它允许你通过 URL 来映射不同的组件，实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码，可以用来检查用户认证状态、获取数据等。通过本篇文章，我们学习了 Vue Router 的基本概念、配置和使用，以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念，并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。
playwright链接本地浏览器，实现自动登录。
qq_38880880的博客
08-12 176
【代码】playwright链接本地浏览器，实现自动登录。
【Markdown】Markdown 中的语言简称
EleganceJiaBao的博客
08-12 978
以下是常见编程语言、脚本语言、标记语言等在 Markdown 中的语言简称以及相应的示例：
【无标题】
最新发布
weixin_42348009的博客
08-14 162
静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
Vue中的路由与多种守卫常见问题及解决方案
zhaochen1127的博客
08-12 1125
Vue Router中的路由守卫主要分为三种类型：全局守卫、路由独享守卫和组件内守卫。全局守卫：作用于整个应用，包括beforeEach和afterEach。路由独享守卫：在路由配置中直接定义，只有进入该路由时才会触发，如。组件内守卫：定义在组件内部，包括和。路由守卫是Vue Router中一个强大的功能，能够帮助开发者在路由跳转前后执行重要的逻辑判断。然而，不当的使用和配置可能会引发一系列问题，如无限循环、守卫逻辑错误、守卫未正确触发以及异步处理不当等。
Vue 中 app.config 相关配置项介绍与案例
前端基地
08-13 1040
本博文展开了细致且全面的阐述，对 app.config 、app.config.errorHandler 、app.config.warnHandler 、app.config.performance 、app.config.compilerOptions 、app.config.globalProperties 以及 app.config.optionMergeStrategies 进行了深入剖析。不仅清晰明了地介绍了它们的功能和特性，还通过丰富多样的实际案例展开了详尽的分析。
高级java每日一道面试题-2024年8月12日-网络篇-说一下JSONP的实现原理?
qq_43071699的博客
08-12 614
JSONP是一种非官方的跨域数据交换协议，它允许在网页中通过标签的src属性从其他域名（网站）安全地获取数据。由于浏览器的同源策略限制，直接通过Ajax等方式跨域请求数据通常是不被允许的，而JSONP则巧妙地绕过了这一限制。
ECMAScript6中的模块：export导出、import导入
pan_junbiao的博客
08-12 888
早期的 JavaScript 程序很小，通常被用来执行独立的脚本任务，在 Web 页面中需要的地方提供一定的交互。随着 Web 应用程序变得越来越复杂，有必要考虑提供一种将 JavaScript 程序拆分为可按需导入的单独模块的机制，这就是模块化编程。模块化编程就是将一个复杂的程序根据一定的规则封装成一个或多个文件，并组合在一起。使用这种方式，可以将代码分解到多个文件中，每个文件都称为一个模块。一个模块通常是一个类或者多个函数组成的方法库。
uni-app 安卓禁用侧滑返回/虚拟返回(vue3 hook)
行如逆水行舟，不进则退
08-12 191
[TOC](uni-app 安卓禁用侧滑返回/虚拟返回(vue3 hook))
js查看浏览器本地存储
07-28
你可以使用JavaScript的`localStorage`对象来查看浏览器的本地存储。`localStorage`提供了一种简单的键值对存储方式，可以在浏览器的会话期间持久化保存数据。 要查看本地存储中的数据，你可以使用以下代码： ```javascript // 检查本地存储是否可用 if (typeof(Storage) !== "undefined") { // 获取所有的键 for (var key in localStorage) { console.log(key + ": " + localStorage.getItem(key)); } } else { console.log("抱歉，您的浏览器不支持本地存储。"); } ``` 这段代码首先检查浏览器是否支持本地存储，然后通过`localStorage`对象获取所有键，并使用`getItem()`方法获取对应键的值。最后，它会在控制台打印出每个键值对。 请注意，`localStorage`中存储的数据只能是字符串类型，如果要存储其他类型的数据，你可能需要使用`JSON.stringify()`和`JSON.parse()`方法进行序列化和反序列化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值