精华内容
下载资源
问答
  • 微信小程序可以通过wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)对本地缓存进行设置、获取和清理。本地缓存最大为10MB。 wx.setStorage()——...
  • 微信小程序 数据缓存

    2021-03-12 14:46:57
    数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。 ...

    数据本地存储

    官方文档 wx.getStorage......

    wx.setStorageSync和wx.setStorage   以Sync结尾的是同步的方法,其它的是异步的方法  举几个异步的方法为例

    wx.setStorage

    将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。

      onLoad: function (options) {
        wx.setStorage({
          key: 'name',
          data: '张三'
        })
        wx.setStorage({
          key: 'age',
          data: '20'
        })
      },

    获取存储的本地数据

    <button class="btn" bindtap="getStorage">获取数据name</button>
    <button class="btn" bindtap="removeStorage">移除数据name</button>
    <button class="btn" bindtap="clearStorage">清除全部数据</button>
    <button class="btn" bindtap="getAge">获取数据age</button>

    wx.getStorage

    从本地缓存中异步获取指定 key 的内容

     getStorage:function(){
        wx.getStorage({
          key: 'name',
          success:function(res){
            console.log(res.data)
          }
        })
      },
     getAge:function(){
        wx.getStorage({
          key: 'age',
          success:function(res){
            console.log(res.data)
          }
        })
      },

    wx.removeStorage

    从本地缓存中移除指定 key。

    removeStorage:function(){
        wx.removeStorage({
          key: 'name',
          success:function(res){
            console.log(res)
          }
        })
      },

    wx.clearStorage

    clearStorage:function(){
        wx.clearStorage({
          success: (res) => {
            console.log(res)
          }
        })
      },

    数据存储结合项目

    • 先判断本地存储中是否有存储好的数据

    • 没有存储好的数据 就发送请求 有存储好的数据就直接使用本地数据

      onLoad: function (options) {
        // 判断本地是否存储了 当前数据
        var as = wx.getStorageSync('arrs')
        if(!as){ 
          //如果本地没存储   发送AJAX请求
          console.log(11111)
          wx.request({
            url: 'http://106.75.79.117:3000/aslide',
            success:(res) => {
              console.log(res.data)
              var arrs = res.data
              wx.setStorageSync('arrs', arrs)
              this.setData({
                aslideLeftTit:arrs,
                children:arrs[0].children,
                title:arrs[0].name
              })
            }
          })
        }else{
          console.log(2222)
          this.setData({
            aslideLeftTit:as,
            children:as[0].children,
            title:as[0].name
          })
        }
      },

     

    展开全文
  • 微信小程序本地缓存数据增删改查实例详解 数据如: var user = { name: 'Lion', sex: 'guy' } CRUD: // 添加 wx.setStorageSync('user', user); // 查询 var developer = (wx.getStorageSync('user') || [])...
  • 关于本地缓存 1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB 2.localStorage 是...
  • 但是最近在处理微信小程序播放缓存到本地的音频文件的时候,遇到一些小问题,然后对于安卓和IOS需要采用不同的播放策略。 首先,如果哪怕用audio标签来播放在线的音频文件,假如服务端没有实现断点续传,IOS是无法...
  • 主要介绍了微信小程序实现缓存根据不同的id来进行设置和读取缓存的相关资料,需要的朋友可以参考下
  • 微信小程序数据缓存

    2021-03-30 13:43:01
    wx.setStorageSync(string key, any data) 设置本地缓存数据,只支持原生类型、date以及可以使用JSON.stringify进行序列化的对象 JSON.stringify(object) 将对象转换为字符串, JSON.parse(string) 将字符串转换为...

    wx.setStorageSync(string key, any data) 设置本地缓存数据,只支持原生类型、date以及可以使用JSON.stringify进行序列化的对象

    JSON.stringify(object) 将对象转换为字符串,
    JSON.parse(string) 将字符串转换为对象

    因此在设置本地缓存数据时,应先用JSON.stringify(object) 方法将需要缓存的数据转换为字符串:

    wx.setStorageSync(key,JSON.stringify(data))
    

    获取时,使用JSON.parse再将数据转换回来:

    const data = JSON.parse(wx.getStorageSync(key))
    

    官方文档相关链接:https://developers.weixin.qq.com/miniprogram/dev/api/

    展开全文
  • 微信小程序数据缓存API整理

    千次阅读 2017-06-06 17:20:41
    从本地缓存中异步获取指定 key 对应的内容 wx.getStorage({ key: 'key', success: function(res) { console.log(res.data) } , fail: function(){}, complete: function(){} }) 2、wx.setS

    1、wx.getStorage(OBJECT)

    从本地缓存中异步获取指定 key 对应的内容

    wx.getStorage({
      key: 'key',
      success: function(res) {
          console.log(res.data)
      } ,
      fail: function(){},
      complete: function(){}
    })

    2、wx.setStorageSync(KEY,DATA)

    将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口

    try {
        wx.setStorageSync('key', 'value')
    } catch (e) {    
    }

    3、wx.getStorage(OBJECT)

    从本地缓存中异步获取指定 key 对应的内容

    wx.getStorage({
      key: 'key',
      success: function(res) {
          console.log(res.data)
      },
      fail: function(){},
      complete: function(){} 
    })

    4、wx.getStorageSync(KEY)

    从本地缓存中同步获取指定 key 对应的内容

    try {
      var value = wx.getStorageSync('key')
      if (value) {
          // Do something with return value
      }
    } catch (e) {
      // Do something when catch error
    }

    5、wx.getStorageInfo(OBJECT)

    异步获取当前storage的相关信息

    wx.getStorageInfo({
      success: function(res) {
        console.log(res.keys)
        console.log(res.currentSize)
        console.log(res.limitSize)
      },
      fail: function(){},
      complete: function(){}
    })

    6、wx.getStorageInfoSync

    同步获取当前storage的相关信息

    try {
      var res = wx.getStorageInfoSync()
      console.log(res.keys)
      console.log(res.currentSize)
      console.log(res.limitSize)
    } catch (e) {
      // Do something when catch error
    }

    7、wx.removeStorage(OBJECT)

    从本地缓存中异步移除指定 key 

    wx.removeStorage({
      key: 'key',
      success: function(res) {
        console.log(res.data)
      },
      fail: function(){},
      complete: function(){} 
    })

    8、wx.removeStorageSync(KEY)

    从本地缓存中同步移除指定 key 

    try {
      wx.removeStorageSync('key')
    } catch (e) {
      // Do something when catch error
    }

    9、wx.clearStorage()

    清理本地数据缓存

    wx.clearStorage()

    10、wx.clearStorageSync()

    同步清理本地数据缓存

    try {
        wx.clearStorageSync()
    } catch(e) {
      // Do something when catch error
    }

    本地数据缓存大小限制为10MB。














    展开全文
  • 微信小程序数据缓存的实例详解 前言: 在H5之前,缓存一般都是用cookie,但是cookie的存储空间太小。于是,H5增加了新的缓存机制,即localstorage 和 sessionstorage,具体的介绍就不在多说。在微信小程序中,数据...
  • 主要介绍了微信小程序学习笔记之本地数据缓存功能,结合实例形式分析了微信小程序wx.setStorage、wx.getStorage以及wx.removeStorage、wx.clearStorage针对数据缓存的存取、删除等相关操作技巧,需要的朋友可以参考下
  • 主要介绍了小程序设置缓存并且不覆盖原有数据,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 1、wx.getStorage(OBJECT)从本地缓存中异步获取指定 key 对应的内容view plaincopywx.getStorage({key:'key',success:function(res){console.log(res.data)},fail:function(){},complete:function(){}})2、wx.setSto...
  • 主要介绍了微信小程序基于本地缓存实现点赞功能的方法,涉及微信小程序界面布局、事件响应及缓存操作等相关实现技巧,需要的朋友可以参考下
  • 看到这个问题的时候,首先想到的是在响应头上加上cache-control,经过测试发现小程序并不支持网路请求缓存。搜索发现官方明确答复,小程序不支持网络请求缓存:wx.request不支持http缓存 既然官方不支持网络请求缓存...
  • 但是最近在处理微信小程序播放缓存到本地的音频文件的时候,遇到一些小问题,然后对于安卓和IOS需要采用不同的播放策略。 首先,如果哪怕用audio标签来播放在线的音频文件,假如服务端没有实现断点续传,IOS是无法...
  • 微信小程序数据缓存Storage

    千次阅读 2018-11-02 16:12:45
    数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。数据存储上限为 10MB。 wx.setStorage({ key:"key", data:"value" }) wx.setStora...

    1.存放数据

    wx.setStorage(Object object)

    将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。数据存储上限为 10MB。

    wx.setStorage({
      key:"key",
      data:"value"
    })

    wx.setStorageSync(string key, Object|string data)

    wx.setStorage 的同步版本

    参数:  string key:本地缓存中指定的 key

              Object|string data需要存储的内容

    wx.setStorageSync('key', 'value')

    2.获取数据

    wx.getStorage(Object object)

    从本地缓存中异步获取指定 key 的内容

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

    wx.getStorageSync(string key)

    wx.getStorage 的同步版本

    参数:  string key:本地缓存中指定的 key

    返回值:  Object|string data:key对应的内容

     var value = wx.getStorageSync('key')

    3.清除缓存

    wx.clearStorage(Object object)

    清理本地数据缓存

    wx.clearStorage()

    4.清除指定缓存

    wx.removeStorage(Object object)

    从本地缓存中移除指定 key

    wx.removeStorage({
      key: 'key',
      success (res) {
        console.log(res.data)
      } 
    })

     

    展开全文
  • 微信小程序数据缓存? 1、存储 wx.setStorageSync(‘属性’,‘值’) 2、获取 wx.setStorageSync(‘name’) 3、删除 wx.removeStorageSync(‘name’) 4、删除全部 wx.clearStorageSync(‘name’) token值从哪里来? ...
  • 数据如:   [javascript] view plain copy 在CODE上查看代码片派生到我的代码片 var user = { name: 'Lion', sex: 'guy' } CRUD: // 添加 wx.setStorageSync('user', user); // 查询 var developer = (wx....
  • 每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。...
  • 主要介绍了微信小程序 本地数据存储实例详解的相关资料,需要的朋友可以参考下
  • 微信小程序缓存获取数据教程

    万次阅读 2018-10-24 16:21:46
    微信小程序缓存获取数据教程 每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存...
  • 关于本地缓存 1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB 2.localStorage 是...
  • 主要为大家详细介绍了微信小程序实现form表单本地储存数据,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 文章目录读写本地数据缓存利用本地缓存提前渲染页面代码目录详细代码前台后台利用本地缓存持久化SessionId 读写本地数据缓存 wx.setStorage() wx.getStorage() wx.setStorageSync() wx.getStorageSync() <!-- ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 39,619
精华内容 15,847
关键字:

微信小程序数据缓存

微信小程序 订阅