美文网首页
WX-小程序文档随笔

WX-小程序文档随笔

作者: A徐亮波KingA | 来源:发表于2023-04-12 17:29 被阅读0次

    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)]
      斜体
      粗体

    引用段落

    相关文章

      网友评论

          本文标题:WX-小程序文档随笔

          本文链接:https://www.haomeiwen.com/subject/hpcoddtx.html