小程序開(kāi)發(fā)目前需求非常大，因而不少開(kāi)發(fā)者都紛紛入駐，那么作為小程序開(kāi)發(fā)者新入門(mén)有哪些需要注意的呢？主題邦科技為大家分享一下小程序開(kāi)發(fā)文檔以及小程序開(kāi)發(fā)注意事項(xiàng)。

css樣式不能引用本地圖片資源，只能引用線上資源(background-image)，引用本地圖片資源只能用<image>標(biāo)簽。

{{}}不能執(zhí)行函數(shù)方法，{{}}只支持基本的簡(jiǎn)單運(yùn)算和ES6拓展運(yùn)算符。如價(jià)格格式化這種常用的處理，只能在js代碼中處理好然后再模板中渲染。

this.setData({ price: this.formatPrice(this.data.price)

})

可以通過(guò)wxs模塊解決{{}}中不能執(zhí)行函數(shù)的問(wèn)題。可以做到模擬vue.js中過(guò)濾器的功能。

<!-- wxml模板 --><wxs src="../../modules/formatPrice.wxs" module="tools" /><view>價(jià)格：{{tools.formatPrice(price)}}</view>

// wxs模塊var formatPrice = function (price){

    price = price >> 0;    return Number(price / 100).toFixed(2);

}module.exports = {

    formatPrice

}

小程序不支持分享鏈接到朋友圈，暫時(shí)的通用做法是生成保存有頁(yè)面小程序碼的圖片到本地相冊(cè)。又用戶自行發(fā)朋友圈轉(zhuǎn)發(fā)。前端可以利用canvas來(lái)實(shí)現(xiàn)，減輕服務(wù)端壓力。但是會(huì)有圖片鋸齒不清晰的問(wèn)題。建議預(yù)覽圖和保存到真機(jī)的圖片采用不同的尺寸。保存在真機(jī)的圖片按照750的寬度實(shí)現(xiàn)。相比于預(yù)覽圖要大一些，這樣保存到手機(jī)的圖片會(huì)清晰很多。

小程序布局采用rpx單位，UI稿按照750的寬度出圖?？芍苯邮褂肬I稿的尺寸。但是在某些機(jī)型上1rpx會(huì)無(wú)法顯示。可以用H5的方式實(shí)現(xiàn)1px效果。

iphoneX吸底按鈕的適配，可以用媒體查詢獲取wx.getSystemInfo獲取機(jī)型。參考

@media only screen

    and (device-width : 375px)

    and (device-height : 812px)

    and (-webkit-device-pixel-ratio : 3) { }

頁(yè)面A -> 頁(yè)面B，頁(yè)面B的操作觸發(fā)了頁(yè)面A的數(shù)據(jù)更新。返回更新頁(yè)面A的數(shù)據(jù)，通常有兩種方式來(lái)實(shí)現(xiàn)(我司采用了方案二)：

在頁(yè)面A監(jiān)聽(tīng)onShow事件，在onShow事件觸發(fā)時(shí)無(wú)腦更新頁(yè)面數(shù)據(jù)。

通過(guò)EventBus來(lái)實(shí)現(xiàn)跨頁(yè)面通信。

復(fù)雜組件的開(kāi)發(fā)，省市區(qū)三級(jí)聯(lián)動(dòng)選擇器的開(kāi)發(fā)，獲取微信地址庫(kù)的地址的編碼和業(yè)務(wù)采用的省市區(qū)編碼對(duì)不上。

頁(yè)面路徑的層級(jí)，最大不能超過(guò)10層。

小程序小程序分包加載，微信對(duì)小程序包的大小有如下限制：

1）整個(gè)小程序所有分包大小不超過(guò) 8M

2）單個(gè)分包/主包大小不能超過(guò) 2M

主題邦科技——靠譜的技術(shù)伙伴，為企業(yè)提供一站式技術(shù)服務(wù)。主要業(yè)務(wù)范圍有：APP開(kāi)發(fā)、小程序開(kāi)發(fā)、微信開(kāi)發(fā)、電商系統(tǒng)開(kāi)發(fā)、物聯(lián)網(wǎng)（IOT）開(kāi)發(fā)等互聯(lián)網(wǎng)+領(lǐng)域。

小程序開(kāi)發(fā)：www.litwuoo.com

微信開(kāi)發(fā)者工具：www.litwuoo.com/tag_69

微信小程序開(kāi)發(fā)教程：www.litwuoo.com/tag_6

小程序api：www.litwuoo.com/article_291.html