Dieser Artikel stellt Ihnen haupts?chlich relevante Informationen zu vierzig technischen Tipps für die Entwicklung von WeChat-Miniprogrammen vor. Ich glaube, dass er einen gewissen Referenzwert für das Erlernen oder Verwenden von WeChat-Miniprogrammen hat und daher jedem besonders empfohlen wird, wenn Sie ihn ben?tigen Freunde k?nnen vorbeikommen und es sich gemeinsam ansehen.

Vorwort

Das ?Miniprogramm“ von WeChat ist seit einer Woche offiziell gestartet und verwandte Themen werden weiterhin hei? diskutiert. Die Nachricht von Alipays Entwicklung von ?Miniprogrammen“ wurde sofort bekannt, und Internetgiganten bereiteten sich darauf vor. Viele Internetnutzer scherzten, dass diese Dynamik das bestehende ?APP-Imperium“ herausfordern würde. Nun, angesichts eines so hei?en Miniprogramms war die WeX5 Mobile Development Cloud nicht unt?tig. Nachdem wir das gesamte Internet durchsucht hatten, haben wir einen Artikel ausgew?hlt, den Miniprogrammentwickler unbedingt lesen müssen und der 40 Technologien abdeckt, auf die man achten muss in der praktischen Miniprogrammentwicklung Klicken Sie hier für Ihre Referenz!

F: Warum k?nnen Objekte wie Fenster nicht in Skripten verwendet werden?

A: Die Skriptlogik der Seite wird in JsCore ausgeführt hat kein Fensterobjekt. Daher k?nnen Sie weder Fenster in Skripten verwenden noch Komponenten in Skripten bedienen

F: Warum kann zepto/jquery nicht verwendet werden

A:zepto/jquery verwendet das Fensterobjekt und das Dokumentobjekt und kann daher nicht verwendet werden.

F: wx.navigateTo kann die Seite nicht ?ffnen

A: Eine Anwendung kann nur 5 Seiten gleichzeitig ?ffnen sind bereits ge?ffnet, Seite, wx.navigateTo kann keine neue Seite normal ?ffnen. Bitte vermeiden Sie mehrstufige Interaktionen oder verwenden Sie wx.redirectTo

F: Das Stylesheet unterstützt keine kaskadierenden Selektoren

A: WXSS-Klasse Selektoren, die mit beginnen, werden unterstützt.

F: Lokale Ressourcen k?nnen nicht über CSS abgerufen werden

A: background-image: Sie k?nnen Netzwerkbilder oder Base64 verwenden oder verwenden Tag

F: So ?ndern Sie die Hintergrundfarbe des Fensters

A: Verwenden Sie die Seiten-Tag-Auswahl, um ?ndern Sie den Stil des Knotens der obersten Ebene

page { 
  display: block; 
  min-height: 100%; 
  background-color: red;
}

F: Warum der Upload fehlgeschlagen ist

A : Um das reibungslose Erlebnis zu verbessern, muss die Gr??e des kompilierten Codepakets weniger als 1 MB betragen, und Codepakete, die gr??er als 1 MB sind, k?nnen nicht hochgeladen werden.

F: HTTPS-Anfrage fehlgeschlagen

A: tls unterstützt nur Version 1.2 und h?her

F: Referrer für Netzwerkanfragen

A: Referrer für Netzwerkanfragen kann nicht festgelegt werden und das Format ist auf https://servicewechat.com/{appid}/{version}/ festgelegt. page-frame.html, wobei {appid} das appid des Miniprogramms ist, {version} die Versionsnummer des Miniprogramms ist und eine Versionsnummer von 0 bedeutet, dass es sich um eine Entwicklungsversion handelt.

F: Seitendaten k?nnen nicht direkt manipuliert werden

A: Vermeiden Sie das direkte Zuweisen und ?ndern von Page.data , verwenden Sie bitte nur Page.setData Durch das Ausführen von Vorg?ngen k?nnen die Daten zum Rendern mit der Seite synchronisiert werden.

Um eine Komponente zu erhalten, die Benutzereingaben erhalten kann, müssen Sie das bindchange-Attribut der zu synchronisierenden Komponente verwenden Der Eingabeinhalt des Benutzers für den AppService.

<input id="myInput" bindchange="bindChange" /><checkbox id="myCheckbox" bindchange="bindChange" />
var inputContent = {}
 
Page({
 data: {
 inputContent: {}
 },
 bindChange: function(e) {
 inputContent[e.currentTarget.id] = e.detail.value
 }
})

F: Unterstützt das WeChat-Applet Fetch oder Promise?

A: Promise Das Tool unterstützt es derzeit nicht und der Abruf-Client unterstützt es nicht. Das Tool bleibt in der n?chsten Version einheitlich.

F: Der currentTarget.id-Wert im Touchmove-Schiebeereignis ?ndert sich nicht.

A: Das Ziel / currentTarget des touchmove / touchend-Ereignisses ist immer das Ziel / currentTarget von touchstart.

F: Der Parameterübertragungsserver der POST-Methode von wx.request kann den Fehler nicht empfangen.

A: Der Inhaltstyp des wx.request-Beitrags ist standardm??ig ?application/json“

Wenn der Server keine JSON-Interpretation verwendet, k?nnen Sie dies tun put content-type Zurücksetzen auf urlencoded.

wx.request({
....
method: "POST",
header: {
"content-type": "application/x-www-form-urlencoded"
},
...
})

F: wx.uploadFile gibt den http-Code 403 auf dem Mobiltelefon zurück.

A: WeChat für Android wurde auf Version 6.5.2 und h?her aktualisiert.

F: Unterstützt das Miniprogramm SVG

A: Der Quellcode des Bildes kann im Remote-SVG platziert werden, und zwar kann auch in background-image platziert werden.

F: Der von wx.request zurückgegebene StatusCode weist an beiden Enden einen inkonsistenten Typ auf.

A: Dieses Problem besteht tats?chlich und wird in einer sp?teren Version behoben.

F: über die dynamische Erzeugung und Zerst?rung von Komponenten?

A: Dynamisch generierte Komponenten werden nicht unterstützt, aber Sie k?nnen wx:for verwenden, um mehrere Komponenten zu rendern.

F: Unterstützt das Miniprogramm Hot-Updates?

A: Der Ersatz durch Entwickler selbst wird nicht unterstützt.

F: Die Rückrufe einiger Schnittstellen sind zwischen iOS und Android inkonsistent. Beispielsweise ruft iOS in der Zahlungsschnittstelle nur die vollst?ndige Methode zurück, nachdem der Benutzer die Zahlung abgebrochen hat Es gibt keinen Rückruf im offiziellen Dokument. Es zeigt, dass es sehr schwierig ist, Schnittstellen für die Bildauswahl usw. zu entwickeln.

A：支付接口，用戶取消支付后，ios只回調(diào)complete方法，android則回調(diào)fail方法，問題已記錄，多謝反饋。

Q：如果icon已經(jīng)在服務(wù)器上了，想用直接訪問網(wǎng)址的方法加載圖片進(jìn)來這樣可以嗎？

A：不能。

Q：ipad不能使用小程序？

A：暫時(shí)不支持ipad打開小程序。

Q：小程序音頻，視頻播放器問題 。1、能夠只隱藏進(jìn)度條跟時(shí)間嗎？2、現(xiàn)在iOS平臺(tái)上的時(shí)間顯示是0:00，但是android上會(huì)顯示錯(cuò)誤碼，能夠通過什么設(shè)置修改嗎？

A：1：下個(gè)版本會(huì)修改這里的交互，不顯示進(jìn)度條和時(shí)間。2：6.5.3 版本已修復(fù)此問題。

Q：拍照窗口可以加浮層嗎？

A：暫時(shí)不支持。

Q：開發(fā)者工具經(jīng)常報(bào)jsEngineScriptError錯(cuò)誤，會(huì)導(dǎo)致頁面白屏。

A：移步下載最新 0.12.130400 版本的開發(fā)工具試試

Q：開發(fā)者工具里面，SPA頁面，更改title無效。

A：wx.setNavigationBarTitle可以通過 API 改變導(dǎo)航欄標(biāo)題。

Q：請(qǐng)問小程序頁內(nèi)支持長按保存圖片或分享圖片嗎？

A：目前沒有這個(gè)功能。

Q：關(guān)于swiper中的current問題。如果在新的版本中，直接設(shè)current,會(huì)產(chǎn)生的效果是：無論從哪個(gè)swiper元素點(diǎn)擊進(jìn)去，都會(huì)顯示swiper第一個(gè)子元素的值。

A：目前swiper在處理swiper-item動(dòng)態(tài)變化的情況時(shí)有一些bug，會(huì)很快修復(fù)的。

Q：小程序能引用自己服務(wù)器上的wxss和js文件嗎？

A：不能，無法執(zhí)行遠(yuǎn)程代碼。

Q：蘋果7，提示內(nèi)部錯(cuò)誤，內(nèi)存占用過多。

A：頁面做的預(yù)加載，列表中有圖片，圖片渲染的太多了，解決辦法就是不當(dāng)屏展示的圖片，不讓它渲染。

Q：小程序體驗(yàn)者安卓卡在加載頁面進(jìn)不去，IOS可以進(jìn)去。

A：這是android微信客戶端舊版本的bug， 請(qǐng)下載最新版本的 6.5.3 客戶端。

Q：請(qǐng)問目前微信小程序支持藍(lán)牙嗎？

A：目前不支持。

Q：分享功能真機(jī)沒有效果？

A：這是android微信客戶端舊版本的bug， 請(qǐng)下載最新版本的 6.5.3 客戶端。

Q：強(qiáng)制使用https，開發(fā)和測試環(huán)境下怎么聯(lián)調(diào)和測試？

A：「微信web開發(fā)者工具」->「項(xiàng)目」->「開發(fā)環(huán)境不校驗(yàn)請(qǐng)求域名及TLS版本」。

Q：wx.showToast()方法無效。

調(diào)用wx.request請(qǐng)求網(wǎng)絡(luò)然后在

complete: function (res) {
 
// complete
wx.hideToast();
}

在成功方法里面如果要進(jìn)行showToast的時(shí)候感覺無效，并沒有彈出提示框。

A：success 回調(diào)調(diào)用是在 complete 之前的，如果在 success showToast，下一步 complete hideToast 就會(huì)被沖掉 showToast。

Q：picker 組件中的文字大小是否支持修改？

A：不支持修改。

Q：tabBar的圖片在android和ios上面大小差異太大。

A：這是android微信客戶端舊版本的bug， 請(qǐng)下載最新版本的 6.5.3 客戶端

Q：tabbar 頁面返回問題。非首頁的tabbar 頁面 點(diǎn)擊左上角返回箭頭時(shí)如何返回到小程序首頁？ 現(xiàn)在是直接退出小程序了

A：創(chuàng)建新頁面時(shí)用 navigateTo 才會(huì)新建新頁面，同時(shí)保留舊頁面，如果用 redirectTo 是在當(dāng)前頁面內(nèi)跳轉(zhuǎn)。

Q：問下 wx.request() 怎么設(shè)置成同步。

A：reqeust是發(fā)起網(wǎng)絡(luò)請(qǐng)求。沒有同步接口。

Q：最新mac版工具不可用，進(jìn)來就出現(xiàn)獲取appservice 失敗。

A：工具設(shè)置中選擇直接鏈接網(wǎng)絡(luò) ?；蛘?系統(tǒng)中的代理軟件設(shè)置工具直接鏈接網(wǎng)絡(luò)。

Q：真機(jī) view overflow-y下滑會(huì)很卡。

A：父層需要 position:relative; 加了之后就不卡了。

總結(jié)

Das obige ist der detaillierte Inhalt vonZusammenfassung von vierzig technischen Tipps für die WeChat Mini-Programmentwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!