前端面试：微信小程序

简述微信小程序登录流程

1.判断用户是否登录过，如果已经登录过则直接获取个人信息进入个人主页；

2.未登录则引导登录，直接跳转到登录页面，封装方法获取code值，调用wx.logoin()方法，

获取到用户信息登录成功则跳转到个人主页

// 获取code
wx.login({
  success: function (result) {
    console.log(result)
    wx.request({
      url: "/login",
      data: {
        code: result.code
      },
      success: function (myres) {
        if (myres.state === "登录成功") {
          wx.setStorageSync('isLogin', true)
          wx.navigateBack()
        } else {
          wx.showToast({
            title: '',
          })
        }
      }
    })
  }
})

简述微信小程序支付流程

一.小程序调用登录接口获取code，传递给商户服务器用来获取用户的openID

1.小程序调用wx.login() 获取 临时登录凭证code ，并回传到开发者服务器。

2.开发者服务器以code换取 用户唯一标识openid 和 会话密钥session_key

getToken: function () {
    //调用登录接口
    wx.login({
      success: function (res) {
        var code = res.code;
        wx.request({
          url: 商户服务器接口地址, 
          data: {
            code: code
          },
          method: 'POST', 
          success: function (res) { 
            wx.setStorageSync('token', res.data.token); //存在小程序缓存中
          },
          fail: function (res) {
            console.log(res.data);
          }
        })
      }
    })
 }

 二.token的生成以及缓存

三，调用统一下单接口，获取prepay_id,再次签名

四，小程序获取五个参数后，鉴权调起支付

1.下载微信JS-SDK：

2.调用统一下单api

3.再次签名

五，支付回调

实际上我们需要重写WxPayNotify类的NotifyProcess方法，这里记得Loader::impor(）引入那个入口类。

如何实现下拉刷新

监听用户下拉刷新事件。需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。

可以通过wx.startPullDownRefresh触发下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。

当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

小程序事件绑定

事件绑定的写法同组件的属性，以 key、value 的形式。

key 以bind或catch开头，然后跟上事件的类型，如bindtap、catchtouchstart。value 是一个字符串，

需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。

bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡