微信小程序填坑之路（四）--2016.12.21 更新
今天又一次更新，继续填坑了。。
更新概述
- 新增分享、模板消息、客服消息、扫一扫、带参数二维码（当前仅限开发者和体验者使用）等功能
- 新增 4 个新 API， 2个新组件
- 拓展了 10 个组件属性，新增 6 个组件事件
- 修复数十个 API 以及组件 bug，优化部分交互体验
- 开发者工具增加新 API 及组件的调试支持
- 开发者工具增加微信支付的调试支持
1。新增 API wx.switchTab。跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
wx.switchTab({
url: '/pages/index/index',
success: function(res){},
fail: function() {},
complete: function() {}
})
2.新增 API wx.scanCode.调起客户端扫描界面，扫描成功后返回对应的结果。
wx.scanCode({
success: function(res){
console.log("扫描了"+res)
},
fail: function() {}
complete: function() {}
})
3.新增 API wx.createMapContext。创建map的上下文。
Page({
onReady: function (e){
// 使用 wx.createMapContext 获取 map 上下文
this.mapCtx = wx.createMapContext('myMap')
},
//获取当前地图中心的经纬度，返回的事gcj02坐标系，可以用于 wx.openLocation()
getCenterLocation: function (){
this.mapCtx.getCenterLocation({
success: function(res){
console.log(res.longitude)
console.log(res.latitude)
}
})
},
//将地图中心移动到当前定位点，需要配合map组建的show-location使用
moveToLocation: function (){
this.mapCtx.moveToLocation()
}
})
4.新增 API wx.createCanvasContext .
创建 canvas 绘图上下文（指定 canvasId）
Tip: 需要指定 canvasId，该绘图上下文只作用于对应的
5.新增 APIwx.showToast 调用参数 mask(是否显示透明蒙层，防止触摸穿透，默认是false),实际效果就是当mask为true的时候页面无法滑动无法进行任何操作。
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000,
mask:false//ture
})
6.新增 页面方法 Page.onShareAppMessage 用于自定义分享内容。这就是能分享的方法。
Page({
onShareAppMessage: function (){
return {
title: '这是我的第一个分享',desc: '真的能分享？',
path: '/page/myinfo?id=123'
}
}
})
7. 新增 框架方法 App.onError。增加了APP()生命周期的方法。现在为 onLaunch ，onShow， onHide， onError。8.新增 页面配置disabelScroll 。//具体怎么用 还没试出来什么样，后面发现的时候在说明
| disableScroll |
Boolean |
false |
设置为 true 则页面整体不能上下滚动；只在 page.json 中有效，无法在 app.json 中设置该项 |
10. 新增
客服会话按钮，用于在页面上显示一个客服会话按钮，用户点击该按钮后会进入客服会话。
type="default-light"
size="20"
session-from="weapp"
>
11.新增
12.新增
13.新增 组件属性 objectFit 。具体还没有试23.新增 组件事件 bindtimeupdate。播放进度变化时触发，event.detail = {currentTime: '当前播放时间'} 。触发频率应该在 250ms 一次
| objectFit |
String |
contain |
当视频大小与 video 容器大小不一致时，视频的表现形式。contain：包含，fill：填充，cover：覆盖 |
21.新增 组件事件 bindtap bindmarkertap bindcontrolstap bindregionchange。（实际上也是对于map的功能，所以给放到前面来了）
15.新增
16.新增 组件属性 cursor-spacing 。具体还没有发现有什么东东。不过我估计是光标不会挡住输入键盘。
22.新增组件事件 bindconfirm 。为了更好的操作体验，点击键盘的完成按钮时触发，event.detail = {value: value}
指定光标与键盘的距离，单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离。
17。新增 组件属性 cursor-spacing。同16.
18。新增
19.新增
| hover |
Boolean |
false |
是否启用点击态 |
| hover-class |
String |
none |
指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 |
| hover-start-time |
Number |
50 |
按住后多久出现点击态，单位毫秒 |
| hover-stay-time |
Number |
400 |
手指松开后点击态保留时间，单位毫秒 |
20. 新增
24.新增 组件事件 bindlongtap。手指长按 500ms 之后触发，触发了长按事件后进行移动不会触发屏幕的滚动
25.更新 API wx.showModal 调用参数 confirmText （确定按钮的文字，默认为"确定"，最多 4 个字符），cancelText（取消按钮的文字，默认为"取消"），最多 4 个字符 的字数限制
26.新增
27.新增 AudioContext.setSrc()。音频的地址。
28.CanvasContext。所有的canvas将豆由js完成。
const ctx = wx.createCanvasContext('myCanvas')
ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 75)
ctx.draw()新的api。画一条弧线：CanvasContext.arc()，填充一个矩形：CanvasContext.fillRect()。画一个矩形(非填充)：CanvasContext.strokeRect()，创建一个线性渐变的颜色：CanvasContext.createLinearGradient()，创建一个圆形的渐变颜色。CanvasContext.createCircularGradient()
29.更新 API wx.getSystemInfo 新增 platform 返回参数（返回值有ios，android，devtools）
30.更新 API wx.downloadFile 当 HTTP 状态码为 200 或 304 的时候会返回 tmpFilePath
31.更新 API wx.navigateTo wx.redirectTo 不允许跳转到 tabbar 页面，请使用 wx.switchTab。
32.更新
剩下的一些修复bug的就不写了。