localStorage和sessionStorage记录

最新推荐文章于 2024-04-30 06:00:00 发布
最新推荐文章于 2024-04-30 06:00:00 发布
阅读量367 收藏 10
点赞数 11
文章标签： 前端 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_30398937/article/details/135822121
版权

域名要完全相同

sessionStorage（会话存储）本次会话中全局使用，关闭浏览器后里面的缓存数据将不存在，大部分需求都是这种场景。

localStorage（本地存储），缓存中数据会一直存在，下次打开还会存在，他的生命周期则是永久的。

以上情况能解决大部分场景下的问题。

移动端注意兼容问题，有坑。如果发现突然哪台机器缓存数据不对，或者丢了，就试试换另外一种缓存方式来存储。

微信、支付宝小程序基本跟PC没大差别，也得注意机型的兼容。

云闪付小程序坑更多，小程序删掉缓存可能还存在。自求多福

酱香饼不是葱油饼
关注
利用H5本地存储localStorage、sessionStorage
03-21 168
　　最近的业务处理上，要使用cookie缓存储一下数据，公司的cookie还搞出点问题。而用户的浏览器都是利用微信的内置，普遍支持h5的本地存储。于是利用了这个... 　　现代浏览器普遍开始支持H5本地存储，localStorage、sessionStorage。可以用来代替cookie的一部分存储功能，他比cookie存储量更大。比较实用。 　　两者用法类似。localStorag...
微信小程序storage存储
weixin_34262482的博客
12-06 4844
storage是持久而非永久 数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为10MB。例如，当用户将小程序从微信中删除后，存储在storage中的数据随之清除。 storage 以用户维度隔离。 同一台设备上，A 用户无法读取到B 用户的数据。 举个例子，用户A和用户B在同一个设备上...
小程序sessionStorage 功能 替代方案
TaTaPark的博客
12-19 4549
一、目的：实现H5sessionStorage 功能 ，数据本地保存 二、方法：使用小程序官方提供 globalData 方法 a、在 app.js 中初始化自有变量 App({ globalData: { flageType: true // 初始化自有变量 }, ... }) b、在项目模块index.js 中请求 globalData 数据 onS...
微信小程序——数据存储
qq_43036190的博客
06-24 3069
微信小程序数据缓存 参考微信官方文档： https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html 小程序的使用场景 微信小程序在获取用户授权后，获取用户的昵称和头像且会从数据库查询两个值显示到首页页面。（token，code）已经取得授权的情况下刷新，可以不弹框直接获取昵称和头像。此时也需要将数据库中的值显示到首页页面。显然，再次向后台发出请求，获取数据库中的值是无法实现的。因为在页面显示的变量名
微信小程序之数据缓存
xinzi11243094的博客
05-07 1514
在H5之前，缓存一般都是用cookie，但是cookie的存储空间太小。于是，H5增加了新的缓存机制，即localstorage 和 sessionstorage，具体的介绍就不在多说。在微信小程序中，数据缓存其实就和localstorage 的原理差不多，所以理解起来并不难。下面我们来一起实现一下。 效果图展示： 我们在index页面存入数字11，然后在跳转到新页面，在将缓存中的11...
localstorage和sessionstorage使用记录(推荐)
09-27
使用`localStorage`和`sessionStorage`的基本方法包括`setItem`、`getItem`、`removeItem`和`clear`： - `setItem(key, value)`：将键值对存储到本地存储中，如`localStorage.setItem('key', 'value')`。 - `...
cookie localStorage 和 sessionStorage
zhao_li_ming的博客
10-07 113
1.会话跟踪： 一个用户的所有请求操作都应该属于同一个会话，而另一个用户的所有请求操作则应该属于另一个会话，二者不能混淆。例如，用户A在超市购买的任何商品都应该放在A的购物车内，不论是用户A什么时间购买的，这都是属于同一个会话的，不能放入用户B或用户C的购物车内，这不属于同一个会话。 2.为什么有cookie 而Web应用程序是使用HTTP协议传输数据的。HTTP协议是无状态的协议。一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接。这就意味着...
【每日知识】localStorage与sessionStorage的区别
qq_46580087的博客
03-05 1166
该努力还是要努力，进步一点点也是进步。
一个本地存储工具控制localStorage和sessionStorage
08-12
本文将详细讲解这个名为“本地存储工具”的项目，它提供了一个统一的API来管理和操作`localStorage`和`sessionStorage`。 首先，`localStorage`和`sessionStorage`的主要区别在于数据的生命周期和作用域。`...
游览器中的storage和微信小程序中的storage——【本地存储】
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-17 2745
了解这些特性可以帮助开发者根据不同的应用场景选择合适的存储方式，以提供更好的用户体验和数据管理。微信小程序的storage缓存是。微信小程序的storage缓存提供了一种方便的数据存储方式，但需要注意其存储限制和隔离策略，以确保数据的正确使用和管理。
sessionStorage、localStorage和cookie之间的区别
尽信书，则不如无书。
06-13 425
H5中 共同点：都是保存在浏览器端，且同源的。 区别： cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。 而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能
微信小程序
weixin_43750611的博客
10-30 1769
微信小程序1. 注册微信公众平台，下载微信开发者工具2.创建的项目的目录结构3. 新建一个页面，需要生成 4个文件 ***4.小程序标签 *5. 配置 底部导航 ***6. 页面配置7.小程序与普通网页开发的区别 ***8 .小程序和原生App 的区别9.小程序的原理是什么？小程序是如何工作的10. wxml 语法11 wxss 的特点12.获取数据13.钩子函数14. 模块的使用15. 小程序中request的封装都封装了哪些内容16.小程序 使用 原来的旧项目需要注意17. 事件 ***18 钩
微信小程序开发
qq_45345113的博客
05-15 601
微信小程序开发相关心得、避坑、框架应用描述
前端综合实训笔记
最新发布
yyyiii_的博客
04-30 520
例如，如果你需要存储大量的数据，并且这些数据需要在用户的多个浏览器会话中持久存在，那么你可能会选择使用localStorage。相反，localStorage和cookie的数据在所有同源窗口中都是共享的，无论在哪个窗口中设置的数据，都可以在其他窗口中访问到。由于 `wx.setStorage` 是异步的，而 `wx.setStorageSync` 是同步的，这里我会展示如何使用 `wx.setStorage` 以异步方式封装设置本地存储的方法。在解构中，解构的源：解构赋值表达式右边部分；
如何在微信小程序中使用本地存储
qq_67153941的博客
04-21 1453
本地存储是一种将数据保存在客户端设备上的技术。它可以将数据保存在设备的内部存储或者外部存储中，用户可以随时访问这些数据。数据可以在用户的设备上离线访问，无需网络连接。数据可以在多个会话之间保持一致。数据可以在用户清除缓存时保留。
Uni-app 中的数据缓存的使用
li_zie的博客
04-23 2716
导读： 在移动应用开发中，数据缓存是一项至关重要的技术，它可以提高应用的性能、减少网络请求、提升用户体验。Uni-app 提供了多种缓存管理方式，本文将介绍如何在 Uni-app 中使用各种缓存技术来优化应用。正文：在 Uni-app 中，我们可以使用多种方式来进行数据缓存管理，包括本地存储、状态管理、网络请求缓存等。下面我们将逐一介绍这些方法。LocalStorage 和 SessionStorage：LocalStorage 和 SessionStorage 是浏览器提供的本地存储机制，它们可以用来存储
微信小程序踩坑–设置cookie保持session
热门推荐
一叶舟遥
10-18 2万+
由于每次wx.request()都会先经过微信服务端再到服务器端，所以每一次request都会创建一个新的session。并且微信小程序是没有cookie机制的，要维持会话需要自己来保存cookie,并且请求的时候加上带有sessionid的cookie。 客户端向服务端发起请求时，session信息是存放在cookie中以请求头的方式带回给服务端的，而请求头中具体的信息就是sessionid。...
微信小程序中设置localstorage--wx.setStorage
初心 - 杨瑞超个人博客
12-18 1万+
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。 代码示例： wx.setStorage({ key:...
cookie和localStorage和sessionStorage的区别
11-02
cookie、localStorage和sessionStorage都是用于在浏览器端存储数据的方式，它们之间的区别如下： 1. cookie是由服务器发送到浏览器的小型文本文件，存储在用户的计算机上。它们用于跟踪用户的会话，记录用户的偏好设置以及存储购物车中的商品等信息。cookie有一个过期时间，当到达过期时间后，浏览器会自动删除cookie。 2. localStorage和sessionStorage是HTML5中新增的API，它们都是在浏览器端存储数据的方式，不同之处在于它们的生命周期不同。localStorage存储的数据没有过期时间，除非用户手动删除，否则数据将一直存在。而sessionStorage存储的数据只在当前会话中有效，当用户关闭浏览器窗口后，数据将被删除。 3. cookie的大小限制为4KB左右，而localStorage和sessionStorage的大小限制在5MB左右。 4. cookie可以在浏览器和服务器之间传递，而localStorage和sessionStorage只能在浏览器端使用。 5. cookie可以设置HttpOnly属性，防止XSS攻击，而localStorage和sessionStorage没有这个属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值