微信原生开发-提示框-缓存-请求-引入vant小程序组件

一切都是基于微信开发者工具

原生轻提示

触摸反馈

//打开提示框
wx.showToast({
title:'我是提示框内容',
icon:'error',//失败的类型
duration:5000//默认毫秒数为1500，类型是数值
})

//关闭提示框
wx.hidenToast({success:(res)=>{}})

提示框

按钮有4个状态
none 不显示 loading 加载 success 成功 error 失败

    wx.showModal({
      title:'错误信息',
      content:'语法错误',
      confirmText:'只能4个',
      cancelText:'不能取消',
      success:(res)=>{
        if(res.confirm){
          console.log(1111);
        }else{
          console.log(2222);
        }
      }
    })

缓存

异步存储

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')

页面清除缓存

wx.clearStorage()

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

<