咸鱼的一天

咸鱼的一天

友人T

2019 年 11 月 07 日

1825次浏览

1 条评论

2513字数

学习笔记

今天老师上课教我们学习微信小程序刚开始学时候还是兴趣满满 结果然后然后完成老师所需要效果时就很咸鱼的和同桌进行了一次很机密的座谈会(开小差):laughing: 以下是部分代码
```javascript

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    num1: 0,
    num2: 0,
    name: '',
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  submit1: function (e) {
    console.log("=======")
    wx.request({
      method: 'post',
      url: 'http://127.0.0.1:3000/',
      data: e.detail.value,
      success: function (res) {
        console.log(res)
      }
    })
  },
  huoqu: function (e) {
    this.num1 = Number(e.detail.value)
    console.log(this.num1)
  },
  huoqu2: function (e) {
    this.num2 = Number(e.detail.value);
    console.log(this.num2);
  },
  one: function () {
    console.log("你点击了one");
  },
  two: function () {
    console.log("你点击了two");
  },
  three: function () {
    console.log("你点击了three");
  },
  change: function () {
    var str = '两数相等'
    if (this.num1 > this.num2) {
      str = '第一个大'
    } else if (this.num1 < this.num2) {
      str = '第二个大'
    }
    this.setData({ result: str })

console.log('你点击了我')
  },
  //事件处理函数
  bindViewTap: function () {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad: function () {
    var that = this
    wx.request({
      url: 'http://127.0.0.1:3000/',
      success: res => {
        that.setData(res.data)
      }
    })
    if (app.globalData.userInfo) {
      this.setData({
        userInfo: app.globalData.userInfo,
        hasUserInfo: true
      })
    } else if (this.data.canIUse) {
      // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
      // 所以此处加入 callback 以防止这种情况
      app.userInfoReadyCallback = res => {
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    } else {
      // 在没有 open-type=getUserInfo 版本的兼容处理
      wx.getUserInfo({
        success: res => {
          app.globalData.userInfo = res.userInfo
          this.setData({
            userInfo: res.userInfo,
            hasUserInfo: true
          })
        }
      })
    }
  },
  getUserInfo: function (e) {
    console.log(e)
    app.globalData.userInfo = e.detail.userInfo
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  }
})
```
然后这是效果图比较简单 毕竟也只是入门
<img src="https://s2.ax1x.com/2019/11/07/MFU2on.png" alt="MFU2on.png" border="0" />

咸鱼的一天