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

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

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

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

})

可以通過wxs模塊解決{{}}中不能執(zhí)行函數(shù)的問題?？梢宰龅侥Mvue.js中過濾器的功能。

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

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

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

}module.exports = {

    formatPrice

}

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

小程序布局采用rpx單位，UI稿按照750的寬度出圖?？芍苯邮褂肬I稿的尺寸。但是在某些機型上1rpx會無法顯示?？梢杂肏5的方式實現(xiàn)1px效果。

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

@media only screen

    and (device-width : 375px)

    and (device-height : 812px)

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

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

在頁面A監(jiān)聽onShow事件，在onShow事件觸發(fā)時無腦更新頁面數(shù)據(jù)。

通過EventBus來實現(xiàn)跨頁面通信。

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

頁面路徑的層級，最大不能超過10層。

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

1）整個小程序所有分包大小不超過 8M

2）單個分包/主包大小不能超過 2M

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

小程序開發(fā)：www.hanliuxiu.com

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

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

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