Zusammenfassung von vierzig technischen Tipps für die WeChat Mini-Programmentwicklung

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只回调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：success 回调调用是在 complete 之前的，如果在 success showToast，下一步 complete hideToast 就会被冲掉 showToast。

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

A：不支持修改。

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

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

Q：tabbar 页面返回问题。非首页的tabbar 页面 点击左上角返回箭头时如何返回到小程序首页？ 现在是直接退出小程序了

A：创建新页面时用 navigateTo 才会新建新页面，同时保留旧页面，如果用 redirectTo 是在当前页面内跳转。

Q：问下 wx.request() 怎么设置成同步。

A：reqeust是发起网络请求。没有同步接口。

Q：最新mac版工具不可用，进来就出现获取appservice 失败。

A：工具设置中选择直接链接网络 。或者 系统中的代理软件设置工具直接链接网络。

Q：真机 view overflow-y下滑会很卡。

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

总结

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!