藍(lán)暢首頁(yè) >> 動(dòng)態(tài)
微信小程序開(kāi)發(fā)：注意事項(xiàng)和優(yōu)化實(shí)踐
時(shí)間：2019-10-10 01:22:07 | 來(lái)源：
微信小程序開(kāi)發(fā)：注意事項(xiàng)和優(yōu)化實(shí)踐
微信開(kāi)發(fā)者工具不會(huì)對(duì)代碼進(jìn)行trim操作，如果代碼中換行，頁(yè)面也直接換行。
一般來(lái)說(shuō)，wx:if有更高的切換消耗而hidden有更高的初始渲染消耗。因此，如果需要頻繁切換的情景下，用 hidden 更好，如果在運(yùn)行時(shí)條件不大可能改變則 wx:if 較好。
1.大圖片也會(huì)造成頁(yè)面切換的卡頓有一部分小程序會(huì)在頁(yè)面中引用大圖片，在頁(yè)面后退切換中會(huì)出現(xiàn)掉幀卡頓的情況。
2.圖片占容量代碼包限制是2MB，圖片占用空間較大，建議都上傳到CDN 上，代碼里直接引用鏈接。
3.大圖片小點(diǎn)擊位 小程序主要在手機(jī)端運(yùn)行，手機(jī)屏幕大小有限，所以盡量點(diǎn)擊位大點(diǎn)。
4.圖片截取存在圖片沒(méi)有按原圖寬高比例顯示，可以設(shè)置 image 組件的 mode 屬性，來(lái)保持原圖寬高比。
5.CSSSprites所有零星圖片都包含到一張大圖中，減少請(qǐng)求數(shù)。
每個(gè) wxs 模塊均有一個(gè)內(nèi)置的 module 對(duì)象。 直接在wxml中引入，可以將寫(xiě)需要轉(zhuǎn)化數(shù)據(jù)的寫(xiě)進(jìn)去，防止給setData加負(fù)擔(dān)。
JS
如果需要支持到 IOS8 話，建議下面 js 方法都不使用。
如果你想自定義分享圖片，則在生命周期onShareApp
Message中編寫(xiě)如下所示：
Page({onShareAppMessage: function (res) {return {title: '自定義轉(zhuǎn)發(fā)標(biāo)題',imageUrl: 'https://raoenhui.github.io/images/logo.png'}}}
但是 onShareAppMessage 不能支持異步，如果你想從接口里獲取分享圖片URL，必須在 onLoad 提前讀取并放入Data中。
wx.request、wx.uploadFile、wx.downloadFile 的最大并發(fā)限制是 10 個(gè)。所有為了保險(xiǎn)起見(jiàn)，需要寫(xiě)個(gè)請(qǐng)求隊(duì)列，如果并發(fā)量大于10，則等待請(qǐng)求。
對(duì)于經(jīng)常要更新的列表需要加上key值，key值相當(dāng)于索引，但是key值不要用index ,因?yàn)閕ndex在增加刪除的時(shí)候可能不變產(chǎn)生混亂，推薦用唯一標(biāo)示id ，對(duì)數(shù)據(jù)改變之后的diff更新比較有很大的性能提升。PS：如果是單純只顯示的列表，不需要操作更新，那不需要加key 。
HTTP是明文傳輸有篡改內(nèi)容的風(fēng)險(xiǎn)，而且有些安卓機(jī)會(huì)不兼容。所以我們需要使用https。 所以開(kāi)需求評(píng)審的時(shí)候，要注意后端要寫(xiě)成https，如果是運(yùn)營(yíng)配的數(shù)據(jù)，后端最好有個(gè)轉(zhuǎn)https方法，輸入了url自動(dòng)轉(zhuǎn)成https鏈接。
在微信開(kāi)發(fā)者工具中，可勾選”不校驗(yàn)合法域名、web-view（業(yè)務(wù)域名）、TLS版本以及HTTPS證書(shū)”規(guī)則即可用http，但是在實(shí)體里并沒(méi)有這個(gè)選項(xiàng)，所以建議開(kāi)發(fā)時(shí)就用https路徑。
原文作者：騰訊高級(jí)工程師 王貝珊
原文鏈接：
http://www.wxapp-union.com/article-5256-1.html
2022年雙11銷(xiāo)售額數(shù)據(jù):全網(wǎng)交易額為5571億元
2020年天貓雙11銷(xiāo)售額，11.11成交額4982億
微信開(kāi)發(fā)解決方案：醫(yī)藥原料貿(mào)易中的加密訂單系統(tǒng)如何保護(hù)客戶(hù)采購(gòu)隱私
微信小程序如何重塑會(huì)展活動(dòng)管理？展商名錄與觀眾預(yù)約的智慧化解決方案
微信開(kāi)發(fā)公司：微信積分系統(tǒng)如何助力企業(yè)實(shí)現(xiàn)綠色采購(gòu)轉(zhuǎn)型？
微信開(kāi)發(fā)公司：食品添加劑企業(yè)如何借力企業(yè)微信社群打造行業(yè)認(rèn)證影響力？
企業(yè)微信對(duì)接庫(kù)存系統(tǒng)：汽配經(jīng)銷(xiāo)商的區(qū)域代理管理智能化升級(jí)介紹
微信開(kāi)發(fā)賦能飼料原料批發(fā)，自動(dòng)化報(bào)價(jià)系統(tǒng)如何破解大宗交易定價(jià)難題？