Résumé des quarante conseils incontournables pour le développement de mini-programmes WeChat

Cet article vous présente principalement les informations pertinentes résumant les quarante conseils incontournables pour développer des mini-programmes WeChat. Je pense qu'il a une certaine valeur de référence pour que tout le monde puisse apprendre ou utiliser les mini-programmes WeChat, je le recommande donc à tout le monde, amis. qui en a besoin peut venir jeter un œil.

Avant-propos

Le « mini programme » WeChat est officiellement lancé depuis une semaine et les sujets connexes continuent d'être brûlants. La nouvelle du développement de « mini-programmes » par Alipay a été immédiatement révélée et les géants de l'Internet se préparaient. De nombreux internautes ont plaisanté en disant que cet élan mettrait en cause « l'empire APP » existant. Eh bien, face à un mini-programme aussi populaire, WeX5 Mobile Development Cloud n'est pas resté inactif. Après une recherche sur l'ensemble du réseau, nous avons sélectionné un article incontournable pour les développeurs de mini-programmes, couvrant le sujet. développement réel de mini-programmes. 40 points techniques qui nécessitent une attention particulière pour votre référence !

Q : Pourquoi les objets tels que window ne peuvent-ils pas être utilisés dans les scripts

A : La logique de script de la page est dans JsFonctionné dans Core, JsCore est un environnement sans objets fenêtre, vous ne pouvez donc pas utiliser de fenêtre dans les scripts, ni faire fonctionner des composants dans des scripts

Q : Pourquoi zepto/ jquery ne peut pas être utilisé

A:zepto/jquery utilisera les objets window et document, donc il ne peut pas être utilisé.

Q : wx.navigateTo ne peut pas ouvrir la page

R : Une application ne peut ouvrir que 5 pages en même temps. sont déjà ouverts, page, wx.navigateTo ne peut pas ouvrir une nouvelle page normalement. Veuillez éviter les interactions à plusieurs niveaux ou utiliser 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 code >

Q : La feuille de style ne prend pas en charge les sélecteurs en cascade

R :WXSS prend en charge ceux commençant par <.>Sélecteur de classe.

Q : Les ressources locales ne peuvent pas être obtenues via CSS

A : <a href="http://www.php%20.%20cn/wiki/895.html" target="_blank">background-image<p></p></a> : Vous pouvez utiliser le réseau <a href="http://www.php.cn/wiki/895.html" target="_blank">background-image</a>image, ou base64, ou utiliser la balise 565b296a3970f2fc50e58c1bb915cb79

Q : Comment modifier la couleur de fond de la fenêtre

A : Utilisez la page

sélecteur d'étiquette pour modifier le style du nœud de niveau supérieur

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

Q : Pourquoi le téléchargement a-t-il échoué

A : Afin d'améliorer la fluidité de l'expérience, la taille du package de code compilé doit être inférieure à 1 Mo. Les packages de code supérieurs à 1 Mo ne pourront pas être téléchargés.

Q : La requête HTTPS a échoué

A : tls ne prend en charge que la version 1.2 et supérieure

Q : Référent de la demande réseau

A : Le référent de la demande réseau ne peut pas être défini et le format est fixé sur

https://servicewechat.com/{appid }/{version}/page-frame.html, où {appid} est l'appid du mini-programme, {version} est le numéro de version du mini-programme et un numéro de version de 0 indique la version de développement.

Q : Page.data ne peut pas être directement manipulé

R : Évitez d'attribuer et de modifier directement

, veuillez utiliser Page.set<code>Page.data Data doit être utilisé pour synchroniser les données avec la page pour le rendu. Comment faire. obtenir l'entrée de l'utilisateur Page.<a href="http://www.php.cn/code/8209.html" target="_blank">set</a>Data

Un composant qui peut obtenir l'entrée de l'utilisateur doit utiliser l'attribut

du composant bindchange pour synchroniser le contenu d'entrée de l'utilisateur avec l'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
 }
})

Q : L'applet WeChat prend-elle en charge la récupération ou la promesse ?

R : L'outil de promesse ne le prend pas en charge actuellement, et le client de récupération ne le prend pas en charge. L'outil sera unifié dans la prochaine version.

Q : La valeur currentTarget.id dans l'événement touchmove slide ne change pas.

A : La cible / currentTarget de l'événement touchmove / touch

end sera toujours la cible / currentTarget de touchstart.

Q : Le serveur de transmission de paramètres de la méthode POST de wx.request ne peut pas recevoir le bug.

A : Le type de contenu de la publication wx.request est par défaut 'application/<a href="http://www.php.cn/wiki/1488.%20html%20" target="_blank">json<p></p></a> 'application/<a href="http://www.php.cn/wiki/1488.html" target="_blank">json</a>
Si le serveur n'utilise pas l'interprétation json, vous pouvez redéfinir

sur content-type . 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 : Le success rappel est avant complete S'il est avant success showToast, l'étape suivante complete hideToast sera évacuée showToast.

Q : La taille du texte dans le composant de sélection prend-elle en charge la modification ?

A : La modification n'est pas prise en charge.

Q : La taille des images tabBar est trop différente entre Android et iOS.

A : Il s'agit d'un bug dans l'ancienne version du client Android WeChat, veuillez télécharger la dernière version 6.5.3 du client

Q : La page de la barre d'onglets renvoie un problème. Comment revenir à la page d'accueil du mini programme en cliquant sur la flèche de retour dans le coin supérieur gauche d'une page à onglets autre que la page d'accueil ? Vous pouvez maintenant directement quitter l'applet

A : Lors de la création d'une nouvelle page, utiliseznavigaTo pour créer une nouvelle page tout en conservant l'ancienne page si vous utilisez redirectTo. , ce sera dans la page actuelle. Sauter dans la page.

Q : Je voudrais demander comment configurer wx.request() pour qu'il soit synchrone.

A : reqeuster consiste à lancer une requête réseau. Il n'y a pas d'interface de synchronisation.

Q : La dernière version Mac de l'outil n'est pas disponible et un échec d'obtention de l'application apparaît lors de la saisie.

A : Sélectionnez Direct Link Network dans les paramètres de l'outil. Ou l'outil de configuration du logiciel proxy du système se connecte directement au réseau.

Q : La vue réelle de la machine overflow-y sera très bloquée lors du glissement vers le bas.

A : La couche parent nécessite une <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; Après l'avoir ajouté, il ne sera plus bloqué.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!