微信小程序几个基础知识点

这是一款来自小程序免费开发制作网的小程序demo源码，希望大家喜欢。

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(' 下一页'); 
}

1. 小程序支付
   第一:的时候报错调用支付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))

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

本资源来自易用通，如有侵权，请联系站长。