知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側(cè)重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >
微信小程序之小技能篇(一)
發(fā)表時間:2021-3-31
發(fā)布人:葵宇科技
瀏覽次數(shù):68
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)代理也沒有問題,最有可能就是我頻繁提交表單了....
相關(guān)案例查看更多
相關(guān)閱讀
- 云南網(wǎng)站制作哪家好
- 小程序開發(fā)排名前十名
- 云南手機網(wǎng)站建設(shè)
- 網(wǎng)站建設(shè)哪家強
- 報廢車
- 支付寶小程序被騙
- 網(wǎng)站建設(shè)高手
- 云南百度小程序
- 北京小程序制作
- 昆明小程序代建
- 云南小程序設(shè)計
- 昆明小程序公司
- 云南網(wǎng)站建設(shè)哪家強
- 模版消息
- 小程序退款
- 小程序模板開發(fā)公司
- 云南網(wǎng)站建設(shè)專業(yè)品牌
- 云南小程序商城
- 報廢車回收管理系統(tǒng)
- 商標(biāo)
- 政府網(wǎng)站建設(shè)服務(wù)
- 河南小程序制作
- 云南網(wǎng)站建設(shè)公司
- 網(wǎng)站優(yōu)化
- 云南省建設(shè)廳網(wǎng)站
- 小程序密鑰
- 昆明網(wǎng)站建設(shè)公司
- 云南小程序開發(fā)公司
- 云南小程序制作
- 貴州小程序開發(fā)