小程序模板網(wǎng)

小程序之新手填坑

發(fā)布時(shí)間:2018-04-18 11:43 所屬欄目:小程序開(kāi)發(fā)教程
前文:首先感謝@天下雪 的熱心幫助以及不斷吹促才有了這一篇口水文。
2017.3.27日微信推送一則小程序消息, 文中表示小程序推出個(gè)人開(kāi)發(fā)版, 這是才促使我去關(guān)注小程序, 于是當(dāng)天說(shuō)干就干, 馬上申請(qǐng)開(kāi)發(fā)者賬號(hào), 開(kāi)通小程序開(kāi)發(fā)者權(quán)限,開(kāi)始了自己的踏坑之旅, 當(dāng)然!!! 這僅僅是一個(gè)初識(shí)小程序的踏坑體驗(yàn), 但是有些坑的確也踩得冤枉, 所以發(fā)出來(lái)和大家分享一下。


1.
app.json里 
tabBar 如果設(shè)置了 iconPath 而沒(méi)設(shè)置 selectedIconPath 那在默認(rèn)選擇的列表項(xiàng)的圖片則顯示不出來(lái)
tabBar": {

    "list": [{
     // 正確的使用方式, iconPath和selectedIconPath必須都設(shè)置圖片地址
      "iconPath": "images/navbar/1.png",
      "selectedIconPath": "images/navbar/2.png"
         },


     // 不可用, 因?yàn)槟J(rèn)第一個(gè)選項(xiàng)是選中狀態(tài), 而沒(méi)給選中狀態(tài)的選項(xiàng)卡賦予選中圖片, 所以當(dāng)前選中狀態(tài)的TabBar并不會(huì)顯示圖片
      "iconPath": "images/navbar/1.png",
      "selectedIconPath": "",
  }]
}



2. 
app.json里 
tabBar 的 iconPath 中  頂級(jí)目錄前面不可以加 /
tabBar": {
    "list": [{
       // 可用
      "iconPath": "images/navbar/1.png",
      // 不可用 因?yàn)閕mages前面多了一個(gè)/
      "iconPath": "/images/navbar/1.png"
    }]
}

3.
app.json里
tabBar的文字顏色只識(shí)別HexColor(#FFF), 并不認(rèn)識(shí)什么red white..  // 很尷尬, 官方文檔上已經(jīng)說(shuō)明過(guò), 可我還是毫不猶豫的踩了進(jìn)去...

4.
讓當(dāng)前頁(yè)面默認(rèn)寬高100%, 需要設(shè)置
page {
     width: 100%;
     height: 100%;
}
注: 小程序中并沒(méi)有什么html, body!!!
注: 小程序中并沒(méi)有什么html, body!!!
注: 小程序中并沒(méi)有什么html, body!!!
重要的事情說(shuō)三遍,
這只是一個(gè)虛擬Dom, 所以請(qǐng)不要想著操作Dom, 這會(huì)讓你想吹吹風(fēng)。

5. 
image 默認(rèn)被設(shè)置了寬高 (這其實(shí)不是啥坑, 主要是開(kāi)發(fā)時(shí)還沒(méi)給圖片設(shè)置寬高的時(shí)候那樣子丑爆了, 所以忍不住吐了個(gè)槽)

6.
日期格式在IOS上格式化錯(cuò)誤!!!
這其實(shí)也不是啥小程序的坑, 這是IOS的坑, 只不過(guò)在開(kāi)發(fā)小程序中遇見(jiàn)了, 那也就貼出來(lái)好了

var first_monday = "2017-02-27"; 
var stringTime = first_monday + "00:00:00"; 
var fm_timestamp = Date.parse(new Date(stringTime)); 
console.log("fm_timestamp:"+fm_timestamp)


這段代碼在安卓上是毫無(wú)問(wèn)題的, 但是在IOS上就會(huì)變成NaN, 具體原因不明, 估計(jì)是瀏覽器內(nèi)核導(dǎo)致

解決方式: 
將時(shí)間處理為  2017/02/27 00:00:00  就歐克啦

7. 
wx:if 表達(dá)式里 不能有空格 
wx:if="{{ isShow }}" // 可用
wx:if=" {{ isShow }} " // 不可用

8.
都知道可以通過(guò)e.detail.value來(lái)獲取到表單的值,
假設(shè)你輸入的是數(shù)字 5, 但是因?yàn)楂@取到的值是字符串, 也就是 e.detail.value 會(huì)變成 '5', 
所以如果是需要用獲取到的值來(lái)進(jìn)行對(duì)比時(shí), 需要把通過(guò)標(biāo)簽獲取到的值轉(zhuǎn)換為number 也就是 parseInt(e.detail.val)。

9.
<view>標(biāo)簽并不支持background-image=url(''), 這并不可怕
可怕的是!!! 在開(kāi)發(fā)工具上還好好的 到了微信服務(wù)器上真機(jī)訪問(wèn)的時(shí)候就不行了


此文差不多就到這兒了, 一些微不足道的小坑, 希望幫得到大家, 
注: 這些坑都已經(jīng)是兩個(gè)月前的事兒了, 后期四月初開(kāi)發(fā)完一個(gè)個(gè)人小程序之后就消停了, 好多新知識(shí)都沒(méi)有再跟進(jìn), 看最近又新增了分享原創(chuàng)等功能, 還是得不斷學(xué)習(xí)啊, 與各位共勉之!


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