Zusammenfassung von vierzig unverzichtbaren Tipps für die WeChat-Miniprogrammentwicklung

Dieser Artikel stellt Ihnen hauptsächlich die relevanten Informationen vor und fasst die vierzig unverzichtbaren Tipps für die Entwicklung von WeChat-Miniprogrammen zusammen. Ich glaube, dass er einen gewissen Referenzwert für das Erlernen oder Verwenden von WeChat-Miniprogrammen hat, daher empfehle ich ihn allen Freunden Wer es braucht, kann vorbeikommen und einen Blick darauf werfen.

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 WeX5 Mobile Development Cloud nicht untätig. Nach der Suche im gesamten Netzwerk haben wir einen Artikel herausgesucht, den man unbedingt lesen muss, der sich mit dem Thema befasst Praktische Aspekte der Miniprogrammentwicklung, die als Referenz beachtet werden müssen!

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

A: Die Skriptlogik der Seite ist in JsBeim Ausführen in Core ist JsCore eine Umgebung ohne Fensterobjekte, daher können Sie weder Fenster in Skripten verwenden noch Komponenten in Skripten bedienen

F: Warum zepto/jquery kann nicht verwendet werden

A:zepto/jquery verwendet die Objekte window object und document, daher kann es 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 Interaktionen auf mehreren Ebenen oder verwenden Sie den Code wx.re<a href="http://www.php.cn/wiki/1275.html" target="_blank">dir<code>wx.re<a href="http://www.php.cn/wiki/1275.html" target="_blank">dir</a>ectToectTo >

F: Das Stylesheet unterstützt keine kaskadierenden Selektoren

A:WXSS unterstützt diejenigen, die mit Klassenauswahl.

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

A: <a href="http://www.php%20.%20cn/wiki/895.html" target="_blank">background-image<p></p></a>: Sie können das Netzwerk <a href="http://www.php.cn/wiki/895.html" target="_blank">background-image</a>picture oder base64 oder das Tag 565b296a3970f2fc50e58c1bb915cb79 verwenden

F: So ändern Sie die Hintergrundfarbe des Fensters

A: Verwenden Sie zum Ändern die Seite

Beschriftungsauswahl der Stil des Knotens der obersten Ebene

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

F: Warum ist der Upload nicht erfolgreich

A: Um das reibungslose Erlebnis zu verbessern, muss die Größe des kompilierten Codepakets weniger als 1 MB betragen. 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 der Netzwerkanfrage

A: Referrer der Netzwerkanfrage kann nicht festgelegt werden und das Format ist auf

https://servicewechat.com/{appid festgelegt }/{version}/page-frame.html, wobei {appid} die App-ID des Miniprogramms ist, {version} die Versionsnummer des Miniprogramms ist und eine Versionsnummer von 0 die Entwicklungsversion angibt.

F: Seitendaten können nicht direkt manipuliert werden

A: Vermeiden Sie das direkte Zuweisen und Ändern von

, verwenden Sie bitte Seite.set<code>Page.data Data muss ausgeführt werden, um die Daten zum Rendern mit der Seite zu synchronisieren Benutzereingaben erhalten Page.<a href="http://www.php.cn/code/8209.html" target="_blank">set</a>Data

Eine Komponente, die Benutzereingaben erhalten kann, muss das

-Attribut bindchange der Komponente verwenden, um den Eingabeinhalt des Benutzers mit dem AppService zu synchronisieren.

<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: Das Promise-Tool unterstützt es derzeit nicht und der Fetch-Client unterstützt es nicht. Das Tool wird in der nächsten Version vereinheitlicht.

F: Der currentTarget.id-Wert im Touchmove-Sliding--Ereignis ändert sich nicht.

A: Das Ziel/aktuelle Ziel des Ereignisses touchmove/touch

end ist immer das Ziel/aktuelle Ziel 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/<a href="http://www.php.cn/wiki/1488" . html target="_blank">json<p></p></a> 'application/<a href="http://www.php.cn/wiki/1488.html" target="_blank">json</a>
Wenn der Server keine JSON-Interpretation verwendet, können Sie

wieder auf content-type setzen. urlencoded

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

Q：wx.uploadFile在手机上返回http码403。

A：安卓的微信升级到6.5.2及其以上版本。

Q：小程序SVG支持吗?

A：image的src放远程svg可以，background-image里也可以。

Q：wx.request返回statusCode两端类型不一致。

A：确实有这个问题，稍后的版本将会修复。

Q：关于组件的动态生成与销毁？

A：不支持动态生成组件，但可以用 wx:for 去渲染多个。

Q：小程序支持热更吗？

A：不支持开发者自行更替。

Q：一些接口的回调IOS和Android不一致，例如支付接口，用户取消支付后，ios只回调complete方法，android则回调fail方法，官方文档也没有任何回调说明，造成开发很困难；类似的还有图片选择接口，分享接口等等。

A：支付接口，用户取消支付后，ios只回调complete方法，android则回调fail方法，问题已记录，多谢反馈。

Q：如果icon已经在服务器上了，想用直接访问网址的方法加载图片进来这样可以吗？

A：不能。

Q：ipad不能使用小程序？

A：暂时不支持ipad打开小程序。

Q：小程序音频，视频播放器问题 。1、能够只隐藏进度条跟时间吗？2、现在iOS平台上的时间显示是0:00，但是android上会显示错误码，能够通过什么设置修改吗？

A：1：下个版本会修改这里的交互，不显示进度条和时间。2：6.5.3 版本已修复此问题。

Q：拍照窗口可以加浮层吗？

A：暂时不支持。

Q：开发者工具经常报jsEngineScriptError错误，会导致页面白屏。

A：移步下载最新 0.12.130400 版本的开发工具试试

Q：开发者工具里面，SPA页面，更改title无效。

A：wx.setNavigationBarTitle可以通过 API 改变导航栏标题。

Q：请问小程序页内支持长按保存图片或分享图片吗？

A：目前没有这个功能。

Q：关于swiper中的current问题。如果在新的版本中，直接设current,会产生的效果是：无论从哪个swiper元素点击进去，都会显示swiper第一个子元素的值。

A：目前swiper在处理swiper-item动态变化的情况时有一些bug，会很快修复的。

Q：小程序能引用自己服务器上的wxss和js文件吗？

A：不能，无法执行远程代码。

Q：苹果7，提示内部错误，内存占用过多。

A：页面做的预加载，列表中有图片，图片渲染的太多了，解决办法就是不当屏展示的图片，不让它渲染。

Q：小程序体验者安卓卡在加载页面进不去，IOS可以进去。

A：这是android微信客户端旧版本的bug， 请下载最新版本的 6.5.3 客户端。

Q：请问目前微信小程序支持蓝牙吗？

A：目前不支持。

Q：分享功能真机没有效果？

A：这是android微信客户端旧版本的bug， 请下载最新版本的 6.5.3 客户端。

Q：强制使用https，开发和测试环境下怎么联调和测试？

A：「微信web开发者工具」->「项目」->「开发环境不校验请求域名及TLS版本」。

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

调用wx.request请求网络然后在

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

在成功方法里面如果要进行showToast的时候感觉无效，并没有弹出提示框。

A: Der success Rückruf erfolgt vor complete . Wenn er vor success showToast liegt, wird der nächste Schritt complete hideToast ausgespült showToast.

F: Unterstützt die Textgröße in der Auswahlkomponente Änderungen?

A: Änderung wird nicht unterstützt.

F: Die Größe der tabBar-Bilder ist zwischen Android und iOS zu unterschiedlich.

A: Dies ist ein Fehler in der alten Version des Android-WeChat-Clients. Bitte laden Sie die neueste Version 6.5.3 des Clients herunter.

F : Tabbar-Seite gibt Problem zurück. Wie kehre ich zur Startseite des Miniprogramms zurück, wenn ich auf den Zurück-Pfeil in der oberen linken Ecke einer anderen Tabbar-Seite als der Startseite klicke? Jetzt können Sie das -Applet direkt beenden

A: Wenn Sie eine neue Seite erstellen, verwenden Sie „navigationTo“, um eine neue Seite zu erstellen und dabei die alte Seite beizubehalten , es wird auf der aktuellen Seite angezeigt.

F: Wie stelle ich wx.request() so ein, dass es synchron ist?

A: reqeuster soll eine Netzwerkanfrage initiieren. Es gibt keine Synchronisierungsschnittstelle.

F: Die neueste Mac-Version des Tools ist nicht verfügbar und bei der Eingabe wird ein Fehler beim Abrufen des Appservice angezeigt.

A: Wählen Sie in den Werkzeugeinstellungen „Direct Link Network“ aus. Oder das Proxy-Software-Einstellungstool im System stellt eine direkte Verbindung zum Netzwerk her.

F: Die reale Maschinenansicht Überlauf-y bleibt beim Herunterrutschen sehr hängen.

A: Die übergeordnete Ebene erfordert eine <a href="http://www.php.cn/wiki/902.html" target="_blank">Position<code><a href="http://www.php.cn/wiki/902.html" target="_blank">position</a>:relative; :relative; Nach dem Hinzufügen bleibt es nicht mehr hängen.

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