微信小程序小知识点的汇集
2017-03-06 本文已影响166人
乡水情缘
1.去掉scrollview 的滚动条 的css代码
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
2.tabar的选中后的字体颜色设置一定要用16进制的色值,不能直接设置 red 等等,否则在真机上是显示不出来的,正确的设置格式如下:
"selectedColor": "#09BB07",
3.Array比较好用的属性和方法
Array.isArray() 方法用来判断某个值是否为Array。如果是,则返回 true,否则返回 false。
concat() 方法将传入的数组或非数组值与原数组合并,组成一个新的数组并返回.
forEach() 方法对数组的每个元素执行一次提供的函数(回调函数)。
join() 方法将数组中的所有元素连接成一个字符串。
keys() 方法返回一个数组索引的迭代器。
map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组
pop() 方法删除一个数组中的最后的一个元素,并且返回这个元素。
push() 方法添加一个或多个元素到数组的末尾,并返回数组新的长度(length 属性值)。
toString() 返回一个字符串,表示指定的数组及其元素。
4.获取屏幕的宽度和高度
第一:在app.js中
var that = this
wx.getSystemInfo({
success: function (res) {
that.screenWidth = res.windowWidth
that.screenHeight = res.windowHeight;
that.pixelRatio = res.pixelRatio;
}
})
注意:这地方一定要使用that 而不要是用this,否则会取不到值
在别的页面中直接使用 调用
console.log('获取设备的宽度====='+getApp().screenWidth)
5.小程序拨打电话
//拨打手机
calling:function(event){
console.log('拨打手机')
console.log(event)
var that = this;
wx.makePhoneCall({
phoneNumber:that.data.phone, //此号码并非真实电话号码,仅用于测试
success:function(){
console.log("拨打电话成功!")
},
fail:function(){
console.log("拨打电话失败!")
}
})
}
6.刷新事件
下拉刷新
onPullDownRefresh: function() {
console.log('刷新');
}
上拉事件
onReachBottom: function() {
console.log(' 下一页');
}
- 小程序支付
第一:的时候报错调用支付JSAPI缺少appid/total_fee
已解决,wx.requestPayment中package参数必须是package:"prepay_id=wx21**************",不然,会出现调用支付JSAPI缺少appid/total_fee
第二:
调用支付接口的时候
wx.requestPayment({
"appId": 'wx54ca809870898512',
"timeStamp": order.timeStamp,
"nonceStr": order.nonceStr,
"package": order.package,
"signType": order.signType,
"paySign": order.paySign,
"success": function (res) {
console.log('支付成功====' + res)
that.loadAllData(userId, index);
},
"fail": function (res) {
}
官方文档没有写 appid,自己实际调用的时候一定要加上 "appId": 'wx54ca809870898512',
8.微信小程序控制台输出[object Object] ,如何显示里面的内容,可以使用 JSON.stringify 来解析
console.log('可以看到具体内容的json数据==' + JSON.stringify(res.data))