前端面试-微信小程序面试题

1.简述微信小程序登录流程

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: '',
    //           })
    //         }
            
    //       }
    //     })
    //   }
    // })

2.简述微信小程序支付流程

一.小程序调用登录接口获取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(）引入那个入口类。

3.如何实现下拉刷新？

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

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

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

4.小程序事件绑定

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

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

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

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