微信小程序-常用api

1.路由5种跳转方式

(1)wx.switchTab :只能跳转到导航页,并关闭其他的导航页

(1)wx.reLaunch :关闭所有页面，打开到应用内的某个页面

(1)wx.redirectTo :关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到导航页面

(1)wx.navigateTo :只保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面(最多10层)

(1)wx.navigateBack :返回上一页,可以返回多级页面

wx.navigateTo({
    url: 'test?id=1'
})

wx.navigateBack({
    delta: 2
})

2.弹窗提示

(标签)
wx.showToast({
　　title: '功能暂未开放！',
　　icon: 'none', success
　　duration: 2000
})
(选择窗)
wx.showModal({
　　title: '提示',
　　content: '这是一个模态弹窗',
　　success (res) {
　　　　if (res.confirm) {
　　　　　　console.log('用户点击确定')
　　　　} else if (res.cancel) {
　　　　　　console.log('用户点击取消')
　　　　}
　　}
})
(加载中)
wx.showLoading({
　　title: '加载中',
})

setTimeout(function () {
　　wx.hideLoading()
}, 2000)

3.分享

onLoad: function (options) {
  this.getDate(options.id)
  wx.showShareMenu({
    // 要求小程序返回分享目标信息
    withShareTicket: true
  })
},
/* 转发*/
onShareAppMessage: function (ops) {
  if (ops.from === 'button') {
    // 来自页面内转发按钮
    console.log(ops.target)
  }
  return {
    title: '转发dom',
    path: `pages/index/index`,
    success: function (res) {
      // 转发成功
      console.log("转发成功:" + JSON.stringify(res));
      var shareTickets = res.shareTickets;
    },
    fail: function (res) {
      // 转发失败
      console.log("转发失败:" + JSON.stringify(res));
    }
  }
}

4.生成canvas图片

var that = this;
    var unit = that.data.screenWidth / 375
    //2. canvas绘制文字和图片
    const ctx = wx.createCanvasContext('share');
    var bgImgPath = that.data.shareImgSrc;

    ctx.drawImage(bgImgPath, 0, 0, 375, 375); //导入图片
    ctx.setFontSize(20)
    ctx.setFillStyle('#000')
    ctx.fillText('生成文字在图片上', 20, 110)

    ctx.stroke()
    ctx.draw(false, function () {
      // 3. canvas画布转成图片
      wx.canvasToTempFilePath({
        x: 0,
        y: 0,
        width: 375,
        height: 375,
        destWidth: 375,
        destHeight: 375,
        canvasId: 'share',
        success: function (res) {
          console.log(res);
          that.setData({
            shareImgSrc: res.tempFilePath
          })
          if (!res.tempFilePath) {
            wx.showModal({
              title: '提示',
              content: '图片绘制中，请稍后重试',
              showCancel: false
            })
          }
          
        },
        fail: function (res) {
          console.log(res)
        }
      })
    });

5.保存图片到相册

click: function () {
    let that = this
    wx.saveImageToPhotosAlbum({
      filePath: that.data.shareImgSrc,
      success(res) {
        wx.showModal({
          title: '图片保存成功',
          content: '图片成功保存到相册了，去发圈噻~',
          showCancel: false,
          confirmText: '好哒',
          confirmColor: '#72B9C3',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定');
            }
            that.setData({
              canvasHidden: true
            })
          }
        })
      }
    })
  }

6.数据缓存

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

7.返回上一页，刷新页面

onShow(){
  this.onLoad()
}

微信小程序-常用api

推荐阅读