微信小程序面试题服务器,前端面试-微信小程序面试题

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事件绑定可以阻止冒泡事件向上冒泡。