1，三目運算改變class值：

<view class="{{flag ? 'change' : 'change_after'}}">改變字體顏色</view>  //flage為true／false時，選擇class名

應(yīng)用場景：需要動態(tài)改變元素樣式。比如：點擊某按鈕，改變字體顏色。

2，利用緩存實現(xiàn)：點擊按鈕，數(shù)字減一

//XML頁面：
<text style='font-size:26rpx; color:#ff0000'>{{counts}}</text>

//JS頁面：
 onLoad: function (options) {
    var counts = wx.getStorageSync('key')  //獲取緩存值
    this.data.currentcounts = counts  //***把counts賦值給data的屬性currentcounts
    if (counts) { //判斷是否存在緩存值
      this.setData({  //存在的話，將值綁定到counts
        counts: counts
      })
    } else {
      wx.setStorageSync('key', 9)  //不存在的話，設(shè)置緩存值。（為方便測試，這里設(shè)置為9）
    }
    // console.log(counts);
  },

  self_redution: function (event) {  //自定義方法
    var a = wx.getStorageSync('key')  //取得緩存值
    if (a > 0) { 
      var b = a - 1  //大于0，那么自身值減一
    } else {
      var b = this.data.currentcounts //***否則，緩存值為上面設(shè)置的值
    }
    console.log(b);
    a = wx.setStorageSync('key', b)
    this.setData({
      counts: b,  //將緩存值綁定到counts
    })


   formSubmit: function (event) {

      this.self_redution() //調(diào)用上面自定義方法

   },

應(yīng)用場景：報名時，每次表單提交成功時，剩余可報名人數(shù)減掉一人。

上面有一個知識點：如何將onload中獲取的值傳遞到點擊事件中？這里采取一個通過data：{}中轉(zhuǎn)的辦法：把counts賦值給data的屬性currentcounts

this.data.currentcounts = counts  //首先先在onload中：將counts賦值給data的屬性currentcounts

var b = this.data.currentcounts  //然后在表單的提交函數(shù)中： this.data.currentcounts就是我們上面的counts值

3，定義一個方法，如何在點擊事件中調(diào)用

//某個js文件下

  self_redution:function(event){    //定義方法
    console.log("我來自自定義方法：自減");
  },


  formSubmit: function (event) {

    this.self_redution()  //調(diào)用方法(別忘記加this)

  },

------------------------

問題：

今早過來接著優(yōu)化表單提交【就是每次提交之后，將寫入緩存的數(shù)值減一】，調(diào)試的時候頻繁測試代碼是否能成功執(zhí)行，所以會有好多次的表單提交。
試著試著，突然瀏覽器報錯,同時也收不到郵件....  然后我點預(yù)覽在手機上看效果，結(jié)果也報錯...   

微信小程序預(yù)覽報錯：

Error: tunneling socket could not be established, cause=connect ECONNREFUSED 127.0.0.1:64412

瀏覽器報錯：

appservice:1014 POST https://xxxx/sendEmail.php net::ERR_PROXY_CONNECTION_FAILED 

處理：在網(wǎng)上搜到的應(yīng)該是代理設(shè)置上的問題 ，關(guān)閉代理。

 工具欄 -“設(shè)置”-“代理設(shè)置”，選擇“不使用任何代理，勾選后直連網(wǎng)絡(luò)”。

取消代理后，不再報錯回復(fù)正常。很奇怪，之前還一直好好的，就算是默認(rèn)代理也沒有問題，最有可能就是我頻繁提交表單了....