小程序模板網(wǎng)

微信小程序之小技能篇(一)

發(fā)布時(shí)間:2018-05-05 14:50 所屬欄目:小程序開發(fā)教程

1,三目運(yùn)算改變class值:

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

應(yīng)用場(chǎng)景:需要?jiǎng)討B(tài)改變?cè)貥邮健1热纾狐c(diǎn)擊某按鈕,改變字體顏色。

2,利用緩存實(shí)現(xiàn):點(diǎn)擊按鈕,數(shù)字減一

復(fù)制代碼

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

//JS頁(yè)面:
 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è)置緩存值。(為方便測(cè)試,這里設(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)用場(chǎng)景:報(bào)名時(shí),每次表單提交成功時(shí),剩余可報(bào)名人數(shù)減掉一人。

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

 

3,定義一個(gè)方法,如何在點(diǎn)擊事件中調(diào)用

 

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

問題:

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

微信小程序預(yù)覽報(bào)錯(cuò):

瀏覽器報(bào)錯(cuò):

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

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

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

 



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/24258.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢