第四天学习日志

• 一、处理图片

1. 在公共样式表定义一个类，类里面加display：block；可以处理页面图片的下面的白边。
2. 调整不同手机型号图片的高度的方法有算术法：型号1图片宽度/型号1图片高度=型号2图片宽度/型号2图片高度，然后在脚本里面运用算术让每个版本的手机号自动调整图片高度；或者用rpx直接控制图片高度，不过前提条件是图片尺寸要用相对应手机的尺寸，标尺要用像素值。
3. rpx是可以根据屏幕宽度进行自适应，规定屏幕宽为750rpx。

• 二、获取用户头像、用户名

1. 要先设置一个用户头像背景图，然后设置圆角，然后用wx.getUserInfo(Object object)获取用户头像、用户名。
2. wx.getUserInfo(Object object)属性                                                                                                                                          （1）withCredentials：布尔型，是否带上登录态信息。当 withCredentials 为 true 时，要求此前有调用过 wx.login 且登录态尚未过期，此时返回的数据会包含 encryptedData, iv 等敏感信息；当 withCredentials 为 false 时，不要求有登录态，返回的数据不包含 encryptedData, iv 等敏感信息。                                                                                                             （2）success：接口调用成功的回调函数,其属性有：userInfo（用户信息对象，不包含 openid 等敏感信息）、rawData（不包括敏感信息的原始数据字符串，用于计算签名）、signature（使用 sha1( rawData + sessionkey ) 得到字符串，用于校验用户信息）、encryptedData（包括敏感数据在内的完整用户信息的加密数据）、iv（加密算法的初始向量）、cloudID（敏感数据对应的云 ID，开通云开发的小程序才会返回，可通过云调用直接获取开放数据）。                                      （3）fail：接口调用失败的回调函数。                                                                                                                               （4）complete：接口调用结束的回调函数（调用成功、失败都会执行）。
3. 在用户头像和用户名下面调入一张本地的背景图片，但是要把本地图片转成base64才能加载出来，否则会报错。
4. 把本地图片转成base64的方法：先从微信公众平台API的文件中获取到FileSystemManager，然后调用他所给的readFile()或者readFileSync()，具体代码：

wx.chooseImage({

success: res => {

wx.getFileSystemManager().readFile({

filePath: res.tempFilePaths[0],   //选择图片返回的相对路径

encoding: 'base64',   //编码格式

success: res => {   //成功的回调

console.log('data:image/png;base64,' + res.data)

}

})

}

})

然后获取本地图片的base64编码，放到.wxss中指定类中，然后加载背景图片。

• 三、地图的光标

1.在.wxml文件中显示地图的语句中加入show-location="true"语句，就考研在地图上出现光标。