js写入缓存和读取缓存

最新推荐文章于 2024-08-05 17:53:21 发布
最新推荐文章于 2024-08-05 17:53:21 发布
阅读量2.8k 收藏 3
点赞数
分类专栏： 前端js 缓存数据 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45162984/article/details/108337596
版权

js写入缓存和读取缓存

写入缓存

localStorage.setItem('name',data); //缓存名称为name，值为data 的数据

如果要给缓存设置有效期，可以在数据中存上时间戳进行计算有效期

读取缓存

localStorage.getItem('name') // 读取缓存名为name的值
weixin_45162984
关注
专栏目录
js:写入/获取/清除缓存
weixin_45648000的博客
04-21 721
目标：将需要记录的数据写入到浏览器缓存中，常用于登录后写入用户信息和时间戳，以进行身份的验证和浏览时间限制； 写入缓存数据 window.sessionStorage.setItem('token',res.data.token); 向浏览器写入缓存数据，其中token是键，res.data.token是要写入的数据； 获取缓存数据 window.sessionStorage.getItem('token') 获取名称为token的键； 获取缓存数据 window.sessionStorage.clea
js实现数据缓存
sosadtoday的博客
12-02 551
简单的数据缓存
用JavaScript实现本地缓存
weixin_30530523的博客
07-20 432
下面是我花了一天的时间写的一段JavaScript代码，把memory.js和test.htm放到同一个文件夹下，在网页中浏览test.htm查看效果。欢迎提出意见和批评！ momory.js 1 function window.onerror() 2 { 3 return false; 4 } 5 function pageCache(prefix) 6 { 7 th...
JS缓存三种方法
最新发布
王世凡的技术博客
08-05 192
在开发JavaScript应用程序时，浏览器缓存是一个值得注意的问题。IndexedDB是HTML5提供的一种本地存储方案，详细介绍可以查看我之前写的文章《IndexedDB详解》。localStorage是HTML5引入的本地存储方案，它可以在浏览器关闭后依然保存存储的数据。上述三种JavaScript缓存方式各具特点，可以根据具体应用场景选择合适的方式。localStorage的优点有多种，如可设置过期时间，缺点是存储容量较小。它可以被用来拦截和处理网络请求，同时可以提供离线缓存和推送通知等功能。
js 批量从缓存中读取数据
.
10-11 2173
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id=&q
JS操作缓存
仲权的专栏
11-05 2565
#div_digg         {             position: fixed;             bottom: 40px;             right: 20px;             background-color: #DCFCE9;             border: 8px double #06F867;             pa
php 写入缓存文件、读取缓存文件的函数代码
10-19
最后，通过将数据写入和读取缓存的两个函数结合使用，可以方便地对配置文件或频繁访问的数据进行缓存。缓存的处理在Web开发中尤其重要，因为对于相同的数据，多次从数据库加载会消耗更多的资源和时间。通过使用缓存...
微信小程序实现写入读取缓存详解
10-16
本篇文章将深入探讨微信小程序如何实现写入和读取缓存，以及其在实际应用中的价值。 首先，我们需要了解微信小程序中用于存储数据的主要接口——`wx.setStorage`和`wx.getStorage`。这两个方法都是微信小程序提供的...
js缓存数据
bidepanm的博客
07-19 602
data中定义一个cache对象： data(){return {cache: {} }} // 缓存数据 xxxCacheDataList(dataList){ const _cache = this.cache; dataList.forEach((item) => { _cache[item.id] = item; }); }, dataList为后端返回的数组 通过缓存数据给另一个数组中的对象增加某个缓存数据中有的属性： 从后端返回的d
js本地缓存的生成和读取
a1334480360的专栏
12-18 9474
js本地缓存的生成和读取
js 浏览器缓存 手写缓存工具类
黄钟飞的博客
01-20 614
浏览器缓存 数据存储在浏览器内存中，不会被页面刷新消失，存储量有大小限制，不过实在开发中，合理的应用已经可以满足绝大缓存需求 sessionStorage 会话级别 关闭窗口则自动清除 localStorage 永久级别 需手动删除 添加缓存 localStorage.setItem(‘key’,‘value’) 保存一个值 localStorage.key = value //等同上面 按key查询 localStorage.getItem(‘key’) //读取 l
HTTP+JS+浏览器缓存技术
12-02
总结了浏览器缓存的原理，如何管理浏览器缓存
js缓存三种方法
顺其自然~专栏
09-26 1万+
/这样就用localStorage存储了一个名字为name的数据，数据的内容为 “songyuhua"//这样就读取了名字为“name”的数据的值。这个恐怕是最常见也是用得最多的技术了，也是比较古老的技术了。需要注意的是，JS中的数组本质上也是对象类型，所以上面的代码对数组也是适用的。本地保存的数据会发送给服务器，浪费带宽。②getItem（name）：根据指定的名字name获取对应的值。③key(index)：在指定的数字位置获取该位置的名字。storage只能存储字符串的数据，对于JS中常用的。
（创建、读取、清除）js 本地缓存 localStorage操作
大雾起了清晨
08-20 1173
【代码】（创建、读取、清除）js 本地缓存 localStorage操作。
【前端面试之缓存】js本地缓存、浏览器缓存、服务器缓存
阿卡内的博客
08-05 4592
js本地缓存、浏览器缓存、服务器缓存
js缓存问题的处理
热门推荐
sarida的博客
05-31 1万+
有时候在更改js文件后，页面并没有及时显示出来，可能由于修改的文件不对，或者存在缓存问题。 面对的缓存问题有两个： 一是页面引入的js文件缓存。 二是js请求后台的缓存。 解决方法： 对于第一种情况，有两种处理方式：1、可以在页面引入的js文件后面增加日趋，如果不经常改动的文件，可以在每次改动后修改后缀。<script type="text/javascript" src="scr...
js数据放入缓存，需要再调用
weixin_30699831的博客
07-28 768
再贴代码之前先描述下，这个技术应用的场景：一个页面的http请求次数能少点就少，这样大大提高用户体验。所以再一个页面发起一个请求，把所有数据都拿到后储存在缓存里面，你想用的时候再调用出来，这个是非常好的一个做法。 下面开始讲解这个技术的应用： 　　这个技术主要运用到getStoragesetStorage 步骤如下： //定义全局变量函数var uzStorage = function ...
android将bitmap写入缓存，和从缓存中读取
05-23
将Bitmap写入缓存可以使用Android的LruCache类或DiskLruCache类。LruCache是一种内存缓存，而DiskLruCache是一种磁盘缓存。 以下是将Bitmap写入LruCache的示例代码： ``` // 初始化LruCache int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024); int cacheSize = maxMemory / 8; LruCache<String, Bitmap> memoryCache = new LruCache<String, Bitmap>(cacheSize); // 写入Bitmap到LruCache String key = "myBitmapKey"; Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.my_bitmap); memoryCache.put(key, bitmap); ``` 以下是从LruCache中读取Bitmap的示例代码： ``` // 从LruCache中读取Bitmap String key = "myBitmapKey"; Bitmap bitmap = memoryCache.get(key); if (bitmap != null) { // 使用Bitmap } else { // LruCache中没有该Bitmap } ``` 以下是将Bitmap写入DiskLruCache的示例代码： ``` // 初始化DiskLruCache File cacheDir = getDiskCacheDir(this, "myCacheDir"); int appVersion = getAppVersion(this); int valueCount = 1; long maxSize = 10 * 1024 * 1024; // 10MB DiskLruCache diskCache = DiskLruCache.open(cacheDir, appVersion, valueCount, maxSize); // 写入Bitmap到DiskLruCache String key = "myBitmapKey"; DiskLruCache.Editor editor = diskCache.edit(key); if (editor != null) { OutputStream outputStream = editor.newOutputStream(0); Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.my_bitmap); bitmap.compress(Bitmap.CompressFormat.PNG, 100, outputStream); editor.commit(); } // 关闭DiskLruCache diskCache.close(); ``` 以下是从DiskLruCache中读取Bitmap的示例代码： ``` // 从DiskLruCache中读取Bitmap String key = "myBitmapKey"; DiskLruCache.Snapshot snapshot = diskCache.get(key); if (snapshot != null) { InputStream inputStream = snapshot.getInputStream(0); Bitmap bitmap = BitmapFactory.decodeStream(inputStream); // 使用Bitmap } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值