WX-小程序文档随笔

2023-04-12  本文已影响0人  A徐亮波KingA

WX-Developer

起步:

整个小程序只有一个 App 实例,是全部页面共享的

App({
  onLaunch: function () {},// 小程序启动之后触发
  onShow: function () {
    updateManager();
  },
  onLoad: function () {
    // 页面渲染后 执行
  }
});

要获取用户的地理位置时,只需要:

wx.getLocation({
  type: 'wgs84',
  success: (res) => {
    var latitude = res.latitude // 纬度
    var longitude = res.longitude // 经度
  }
})
// 调用微信扫一扫能力,只需要:
wx.scanCode({
  success: (res) => {
    console.log(res)
  }
})

小程序开发指南
全局配置
页面配置

//index.js
Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // 页面创建时执行
  },
  onShow: function() {
    // 页面出现在前台时执行
  },
  onReady: function() {
    // 页面首次渲染完毕时执行
  },
  onHide: function() {
    // 页面从前台变为后台时执行
  },
  onUnload: function() {
    // 页面销毁时执行
  },
  onPullDownRefresh: function() {
    // 触发下拉刷新时执行
  },
  onReachBottom: function() {
    // 页面触底时执行
  },
  onShareAppMessage: function () {
    // 页面被用户分享时执行
  },
  onPageScroll: function() {
    // 页面滚动时执行
  },
  onResize: function() {
    // 页面尺寸变化时执行
  },
  onTabItemTap(item) {
    // tab 点击时执行
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  // 事件响应函数
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  },
  // 自由数据
  customData: {
    hi: 'MINA'
  }
})

page-lifecycle.2e646c86.png

注意事项
navigateTo, redirectTo 只能打开非 tabBar 页面。
switchTab 只能打开 tabBar 页面。
reLaunch 可以打开任意页面。
页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
调用页面路由带的参数可以在目标页面的onLoad中获取


  1. 有序列表第一项
  2. 有序列表第二项
    标题
    [图片上传失败...(image-e828e1-1681376295477)]
    斜体
    粗体

引用段落

上一篇 下一篇

猜你喜欢

热点阅读