zoukankan      html  css  js  c++  java
  • 微信小程序---存储本地缓存数据

    微信小程序之数据缓存

    开发中常用setStorageSync来实现本地数据缓存操作

    (1)点击缓存案例:

      <button bindtap="toStorage">存储</button>
    
      // 本地存储
      toStorage(){
        // 获取用户数据存到本地
        const appInstance = getApp()
        console.log(appInstance.globalData);//打印用户信息
        try {
          wx.setStorageSync('userInfo', appInstance.globalData);
          //弹框提示
          wx.showToast({
            title: '存储本地缓存数据成功',
            icon: 'none',
            duration: 2000
          });
        } catch (e) { 
          //弹框提示
          wx.showToast({
            title: '存储本地缓存数据失败,请检查相关配置,是否联网等',
            icon: 'none',
            duration: 2000
          });
        }
      }

    点击按钮缓存失败时提示:,点击按钮成功时提示

    但日常开发里,像用户信息数据数据缓存,无需人工操作缓存,一般都是页面加载完毕后自动缓存。所以接下来将其修改下

    关于app.js小程序生命周期和page.js页面生命周期,详情见下篇文章微信小程序~生命周期方法详解

    (2)自动缓存本地数据

        页面生命周期

        日常开发中,一般会把需要读取缓存的数据,放到onready函数里

        ①打开小程序后会依次执行onLoad,onReady和onShow方法

        ②前后台切换会分别执行onHide和onShow方法,

        ③小程序页面销毁时会执行 onUnload方法

      onReady:function(){
        // 获取用户数据存到本地
        const appInstance = getApp()
        console.log(appInstance.globalData);//用户信息
        try {
          wx.setStorageSync('userInfo', appInstance.globalData);
          //一般刚加载完毕后,数据缓存成功也不会有弹框提示,所以这里去掉
        } catch (e) {
          //失败时,弹框提示
          wx.showToast({
            title: '存储本地缓存数据失败,请检查相关配置,是否联网等',
            icon: 'none',
            duration: 2000
          });
        }
      }

    此时页面加载完毕后,用户信息便会自动缓存到本地

    .

  • 相关阅读:
    在Linux CentOS 6.6上安装Python 2.7.9
    CentOS yum 安装LAMP PHP5.4版本
    yum 安装php环境
    如何在Eclipse配置PyDev插件
    vagrant使用小结
    虚拟机下安装CentOS6.5系统教程
    python
    library cahce pin
    利用分析函数删除重复数据
    组合索引避免索引扫描后在过滤
  • 原文地址:https://www.cnblogs.com/fightjianxian/p/11108810.html
Copyright © 2011-2022 走看看