小程序开发遇到的问题

2018-08-01

1、bindtap和cathtap的区别是什么

bind事件不会阻止冒泡事件向上冒泡，cath事件会阻止冒泡事件向上冒泡。

2、js字符串转换成数字，强制转换成整数或浮点型数字的函数分别是什么

parseInt()强制转换成整数，parseFloat()转换成浮点数，只有对String类型才能执行这两个函数，其他类型会转成NaN。

3、微信小程序如何跨页面传递值

通过data-*方式传递的值，页面跳转后，我们需要在下一页面获取传递过来的数据。
在跳转后的js页面，接收传递过来的数据。

4、如果需要用户授权，用户选择拒绝授权，此时如何处理

第一种思路
    保存登录状态这里是这样做的，将用户的登录信息传给后台，后台保存用户信息，同时用open_id在后台换取一个sessionId，用这个sessionId缓存在本地用于登录验证

wx.getUserInfo({
	success: function (resuser) {
		let userInfo = resuser.userInfo
		that.healthApi.login(code, userInfo).then(logindata => {   // 这里将微信的请求封装成Promiese 风格
			if (logindata.code === 0) {
			var sessionId = logindata.data// 调用微信wechat.setStorage将换回来的 SessionId 存在本地缓存
				that.wechat.setStorage('sessionId', sessionId).then(() => {
				that.globalData.userInfo = userInfo
				typeof cb == "function" && cb(that.globalData.userInfo)
				})
			}
		})
	},
	fail: function () {
		wx.showModal({
			title: '警告',
			content: '您点击了拒绝授权，将无法正常使用*****的功能体验。请10分钟后再次点击授权，或者删除小程序重新进入。',
			success: function (res) {
				if (res.confirm) {
				console.log('用户点击确定')
				}
			}
		})
	}
})

    这样登录状态保存在sessionId中，在每次调用登录状态是只需检查sessionId的接口就行，检查不通过在调用微信的接口。
第二种思路
    在3.29微信小程序版本中，加了这样一个属性，withCredentials字段基础库1.1.0开始支持，低版本需要做兼容。
    这个字段是调用wx.getUserInfo(object)是否带上登录状态。
    官方文档是这样解释的：
        当 withCredentials 为 true 时，要求此前有调用过 wx.login 且登录态尚未过期，此时返回的数据会包含 encryptedData, iv 等敏感信息；当 withCredentials 为 false 时，不要求有登录态，返回的数据不包含 encryptedData, iv 等敏感信息。

跳转外部链接

图片不显示

![问题](../images/20200102160238.png)
路径不对

canvas 2d中的drawImage 问题

canvas 组件的绘图上下文。CanvasContext 是旧版的接口， 新版 Canvas 2D 接口与 Web 一致。
利用createImage 生成图片对象

let seal = canvas.createImage();
       seal.src =goodsImgSrc;
       seal.onload = () => {
         ctx.drawImage(seal,r.left,r.top,r.width,r.height);
       }

draw（）报错 为 TypeError: ctx.draw is not a function
改为：
直接使用wx.canvasToTempFilePath(Object object, Object this)