生命周期:

應用周期

onLaunch() {
  console.log('onLaunch監聽小程序初始化');
}

onShow() {
  console.log('onShow監聽小程序顯示');
}

onHide() {
  console.log('onLaunch監聽小程序隱藏');
}

頁面周期

  onLoad(options) {
    console.log('onLoad監聽頁面加載');
  }

  onReady() {
    console.log('onReady監聽頁面初次渲染完成');
  }

  onShow() {
    console.log('onShow監聽頁面顯示');
  }

  onHide() {
    console.log('onHide監聽頁面隱藏');
  }

  onUnload() {
    console.log('onUnload監聽頁面卸載');
  }

CSS:

實現漸變色

第一個是起點顏色，慢慢過渡到第二個顏色
從上到下的線性漸變：
background: linear-gradient(red, blue);
從左到右的線性漸變：
background: linear-gradient(to right, red , blue);

漸變色.png

裁圓角

設置弧度 順序是 左上角  右上角  右下角  左下角 （順時針）
border-radius: 3px 0px 0px 3px;

JS:

調用電話

//撥打手機
  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("撥打電話失敗！")
      }
    })
  },

下拉刷新，上拉加載更多

1）首先在要刷新類的.json文件里添加

{
   "enablePullDownRefresh": true
}

2）然后在js里實現"onPullDownRefresh"和"onReachBottom"方法即可

下拉事件
onPullDownRefresh: function() {
       console.log('刷新'); 
}, 
上拉事件
onReachBottom: function() { 
       console.log(' 下一頁'); 
},

注意：刷新可能會和scroll-view控件沖突

未完待續 慢慢補全。。。。。喘口氣繼續寫