精华内容
下载资源
问答
  • 小程序获取本地缓存
    千次阅读
    2021-09-22 10:10:08

    微信小程序的本地缓存跟H5的localStorage非常类似,是前端的数据库,以下用三种异步函数来实现本地缓存值的获取。

    es5标准:通过回调函数获取

    //设置缓存值
    wx.setStorageSync('token', '123')
    
    //异步获取缓存
    const token= wx.getStorage({
      key: 'token',
      success(data){
        console.log(data)
      }
    })
    

    es6标准:通过promiss

    //设置缓存值
    wx.setStorageSync('token', '123')
    
    //异步获取缓存
    const token= wx.getStorage({
      key: 'token'
    })
    token.then((value)=>{
       console.log(value.data)
    })
    

    es7标准:通过await,方法体前必须加async

    async onload(options){
        //设置缓存值
        wx.setStorageSync('token', '123')
    
        //异步获取缓存
        const token= await wx.getStorage({
          key: 'token'
        })
        
        console.log(token)
    }
    

    更多相关内容
  • 先看代码,您将看到以下效果,复制使用即可,一下代码均可复制粘贴使用。 如您满意请给莫成尘点个Fabulous 如果同步存储不到接口数据可以尝试使用... //输出 仅仅使用参数名即可获取 console.log(uni.getStorageS

    先看代码,您将看到以下效果,复制使用即可,以下代码均可复制粘贴使用。

    如您满意请给莫成尘点个Fabulous
    如果同步存储不到接口数据可以尝试使用异步
    	    // 同步存储和读取
    	    //设置 存储内容   参数为参数名,参数值 
    		uni.setStorageSync('name',"莫成尘");
    		//也可以这样写  uni.setStorageSync('name',this.name);
    		//输出  仅仅使用参数名即可获取
    		console.log(uni.getStorageSync('name'))
    		//删除
    		// uni.removeStorageSync('name')
    
    //设置 异步存储内容   参数为参数名,参数值 
    		uni.setStorage({
    			key: "Name",
    			data: '莫成尘'
    		});
    		//也可以这样写
    		// uni.setStorage({
    		//    key: "Name",
    		//    data: this.name ? this.name : "君莫笑"
    		// });
    		//输出 
    		uni.getStorage({
    			key: 'Name',
    			success(res) {
    			console.log(res.data) //莫成尘
    		}
    		})
    		//删除
    		uni.removeStorage({
    			  key: 'Name',
    			 success (res) {
    				 console.log(res) //removeStorage:ok
    			}
    		})
    
    //清空 全部的本地缓存 这个方法会清除所有的记录 慎用
    	uni.clearStorage()
    		try {
    		uni.clearStorageSync()
    	} catch(e) {
    		// Do something when catch error
    	}
    

    附加和可能出现的有用信息已添加注释

    其他有关uniapp的疑问或者此方法不理解的地方您可留言,我会尽快回复并帮您解决。

    展开全文
  • 小程序本地数据缓存 本地数据缓存,指的是把数据存储在当前设备硬盘上,妥善使用本地数据缓存,可以带来良好的用户体验。 微信小程序提供了同步和异步两组读写本地数据缓存的接口。 读取本地数据 wx.getStorage ...

    小程序的本地数据缓存

    本地数据缓存,指的是把数据存储在当前设备硬盘上,妥善使用本地数据缓存,可以带来良好的用户体验。

    微信小程序提供了同步和异步两组读写本地数据缓存的接口。

    读取本地数据

    wx.getStorage

    异步读取本地缓存数据,使用successfail等回调函数处理接口调用情况

    // 异步读取本地缓存
    wx.getStorage({
      key: 'key1',
      success: function(res) {
        // 异步接口在success回调才能拿到返回值
        var value1 = res.data
      },
      fail: function() {
        console.log('读取key1发生错误')
      }
    })
    

    wx.getStorageSync

    同步读取本地数据缓存,使用try...catch...处理读取的错误信息。

    try{
      var value2 = wx.getStorageSync('key2')
    }catch (e) {
      console.log('读取key2发生错误')
    }
    

    读取本地数据缓存接口的参数

    key:字符串类型,必填项,本地缓存中指定的key
    success:异步接口调用成功的回调函数
    fail:异步接口调用失败的回调函数
    complete:异步接口调用结束的回调函数,无论成功失败都会执行

    写入本地数据

    wx.setStorage

    异步写入本地数据缓存,使用回调函数处理接口调用情况

    wx.setStorage({
      key:"key",
      data:"value"
      success: function() {
        console.log('写入value成功')
      },
      fail: function() {
        console.log('写入value发生错误')
      }
    })
    

    wx.setStorageSync

    同步接口写入本地数据缓存,使用try...catch...处理接口调用情况

    try{
      wx.setStorageSync('key', 'value')
      console.log('写入value成功')
    }catch (e) {
      console.log('写入value发生错误')
    }
    

    写入本地数据缓存接口的参数

    key:字符串类型,必填项,本地缓存中指定的key
    success:异步接口调用成功的回调函数
    fail:异步接口调用失败的回调函数
    complete:异步接口调用结束的回调函数,无论成功失败都会执行
    data:需要存储到本地的数据,可以是string/object格式

    数据存储到本地硬盘后,会自动根据不同小程序对数据进行区分,在本地硬盘上,每个小程序的缓存上限是10M,超出缓存上限后再写入数据就会报错。

    同时,根据不同的微信登录账号,也会对数据进行隔离,不同账号的数据分别存储,避免照常用户间的数据泄露。

    展开全文
  • 前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓存功能。 【将数据存储在本地缓存】wx.setStorage 【读取本地缓存】wx.getStorage 以手机号+密码登录为例,把登录成功返回的token值...
  • 微信小程序 缓存 关于本地缓存 1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync) 可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB 2....
  • 关于本地缓存1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地缓存最大为10 ...       关于本地...
  • 每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地...
  • 微信小程序本地缓存

    千次阅读 2022-04-19 21:00:35
    小程序提供了读写本地数据缓存的接口,通过wx.setStorage写数据到缓存,在小程序中几乎所有接口都是异步的,这里存储数据也是异步操作,如果希望进行同步存储需要调用wx.setStorageSync. 异步存储: wx....

    一、写入本地数据

    小程序提供了读写本地数据缓存的接口,通过wx.setStorage写数据到缓存,在小程序中几乎所有接口都是异步的,这里存储数据也是异步操作,如果希望进行同步存储需要调用wx.setStorageSync.

    异步存储:

    wx.setStorage({
          data: {name:"猪",age:4},//需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。
          key: 'list',//本地缓存中指定的 key
    })
    

    同步存储:

    wx.setStorageSync('list1', {name:"猪",age:5})

    一、读取本地数据

    异步存储:

    wx.getStorage({
          key: 'list',
          success(res){
            console.log(res);
          }
        })
    

    同步存储:

    const list = wx.getStorageSync('list')

    三、缓存的限制和隔离

    • 小程序宿主环境会管理不同小程序的数据缓存,不同小程序的本地缓存空间是分开的,每个小程序的缓存空间上限为10MB,如果当前缓存已经达到10MB,再通过wx.setStorage写入缓存会触发fail回调。
    • 小程序的本地缓存不仅仅通过小程序这个维度来隔离空间,考虑到同一个设备可以登录不同微信用户,宿主环境还对不同用户的缓存进行了隔离,避免用户间的数据隐私泄露。
    • 由于本地缓存是存放在当前设备,用户换设备之后无法从另一个设备读取到当前设备数据,因此用户的关键信息不建议只存在本地缓存,应该把数据放到服务器端进行持久化存储。

     

    展开全文
  • 1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB 2.localStorage 是永久存储 相应的...
  • 最近在做一个搜索页面,...当用户进入页面,页面会自动从数据库加载数据,并缓存到本地,页面提供了搜索功能,当用户取消搜索时,页面会调取本地缓存的数据,而不是再次从数据库获取数据,小程序采用的是云开发 ...
  • 每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。...
  • 微信小程序-设置本地缓存和读取

    千次阅读 2019-07-09 15:11:37
    设置:wx.setStorageSync(KEY,DATA)将data 同步存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容 异步方式下设置缓存的接口是wx.setStorage(OBJECT) wx.setStorage({ key: 'number', data: res....
  • 第10课 微信小程序数据存储(同、异步缓存本地读取缓存): 同步缓存:wx.setStorageSync(key, value) 异步缓存:wx.setStorage(Object object) 同步删除缓存:wx.removeStorageSync(key) 异步删除缓存:wx....
  • 微信小程序可以通过wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)对本地缓存进行设置、获取和清理。本地缓存最大为10MB。 wx.setStorage()——...
  • 场景描述: 小程序webview加载abc.html。在html中获取用户信息,为什么要这么做呢?...这里说的缓存是localStorage这种本地缓存。微信小程序中是这么写的 wx.setStorageSync("userinfo","myinfo") w
  • 小程序之所以能有优秀流畅的表现,另一方面是依托微信宿主,从网络层面保证充足的带宽和速度响应,要知道当年为了对抗MSN。QQ单点突破,对网络基础设置到技术架构做了众多的优化,才有了后来腾讯云、微信这样快速...
  • 微信小程序 本地数据存储实例详解 前言 如果您在看此文章之前有过其他程序的...每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync) wx.getStorage(wx.getStorageSync)、 wx.cl
  • 1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB 2.localStorage 是永久存储 相应的...
  • 【微信小程序本地数据缓存

    千次阅读 2020-11-04 15:14:06
    文章目录读写本地数据缓存利用本地缓存提前渲染页面代码目录详细代码前台后台利用本地缓存持久化SessionId 读写本地数据缓存 wx.setStorage() wx.getStorage() wx.setStorageSync() wx.getStorageSync() <!-- ...
  • 微信小程序里面的本地缓存 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync) 可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB。 注意: ...
  • 微信小程序缓存基础——存储、获取、移除、清理(异步)
  • 小程序本地缓存数据

    千次阅读 2017-11-25 17:23:21
    小程序本地缓存数据
  • 微信小程序首页图片本地缓存

    千次阅读 2019-10-09 16:06:43
    最近写小程序的时候,因为首页有轮播图、广告图等等,导致我的首屏加载太慢了,想着将一部分图片做下本地缓存。 解决办法 查询api FileSystemManager.saveFile FileSystemManager.saveFile(Object object) 保存...
  • 微信小程序本地缓存的使用

    千次阅读 2021-11-29 11:16:53
    2、wx.getStorage/wx.getStorageSync:根据key获取缓存,有一个success(res)回调函数,res就是数据 3、wx.clearStorage/wx.clearStorageSync:清除全部的缓存 4、wx.removeStorage/wx.removeStorageSync:删除根据...
  • //获取用户的授权信息,放到本地缓存中 wx.getSetting({ success: (res) => { if(res.authSetting['scope.userInfo']) { wx.setStorage({ key: 'can_getuserinfo', data: 1, }) } else { wx.setStorage...
  • 本地存储 ...获取本地存储id wx.getStorage('city') //异步一样可以获取,但传参时传的是上次的id信息。 wx.getStorageSync('city') 所以使用同步请求。 小程序官网也没说清楚,俺也不太清除 ...
  • 【未经作者本人同意,请勿以任何形式转载】目前,微信给每个小程序提供了10M的本地缓存空间(哎哟妈呀好大)有了本地缓存,你的小程序可以做到:离线应用(已测试在无网络的情况下,可以操作缓存数据)流畅的用户体验...
  • 1、wx.getStorage(OBJECT)从本地缓存中异步获取指定 key 对应的内容view plaincopywx.getStorage({key:'key',success:function(res){console.log(res.data)},fail:function(){},complete:function(){}})2、wx.setSto...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 203,935
精华内容 81,574
热门标签
关键字:

小程序获取本地缓存