interface Web
js tutoriel
Explication détaillée des étapes de développement de petits programmes dans mpvue
Explication détaillée des étapes de développement de petits programmes dans mpvue
Cette fois je vais vous apporter une explication détaillée des étapes de développement d'un petit programme avec mpvue Quelles sont les précautions pour développer un petit programme avec mpvue. Voici des cas pratiques, jetons un coup d'oeil. .
1. InstanceCycle de vie
En plus du cycle de vie de Vue lui-même, mpvue est également compatible avec le cycle de vie des petits programmes Les hooks de cette partie. du cycle de vie proviennent des pages du programme WeChat For Mini, sauf circonstances particulières, n'est pas recommandé d'utiliser le crochet du cycle de vie du mini programme.
partie application :
onLaunch, initialisation
onShow, au démarrage de l'applet, ou Entrer au premier plan depuis l'arrière-plan affiche
onHide, lorsque le mini programme entre en arrière-plan depuis le premier plan
partie de page :
onLoad, surveille le chargement de la page
onShow, surveille l'affichage de la page
onReady, surveiller le rendu initial de la page terminé
onHide, surveiller le masquage de la page
onUnload, surveiller le déchargement de la page
onPullDownRefresh, surveille l'action déroulante de l'utilisateur
onReachBottom, fonction de gestionnaire pour l'événement déroulant de page
onShareAppMessage, l'utilisateur clique en haut à droite coin à partager
onPageScroll, défilement de page
onTabItemTap, lorsque l'on clique sur la page à onglet actuelle, déclenché lorsque l'on clique sur l'onglet (mpvue 0.0. 16 supports)
Exemple d'utilisation :
new Vue({
data: {
a: 1
},
created () {
// `this` 指向 vm 实例
console.log('a is: ' + this.a)
},
onShow () {
// `this` 指向 vm 实例
console.log('a is: ' + this.a, '小程序触发的 onshow')
}
})
// => "a is: 1"Remarque :
Ne pas utiliser les fonctions de flèche sur les attributs d'option ou les rappels, tels que Created : () => console.log(this.a) ou vm.$watch('a', newValue => this.myMethod()). Étant donné que les fonctions fléchées sont liées au contexte parent, ce ne sera pas l'instance de Vue comme on pourrait s'y attendre, et this.a ou this.myMethod ne seront pas définis.
Le paramètre de requête de la page de l'applet WeChat est obtenu via onLoad l'a optimisé et transmet directement this.$root.$mp.query Pour obtenir le données de paramètre correspondantes, son appel doit être utilisé après le déclenchement du cycle de vie onLoad, comme onShow, etc.
2. La syntaxe du modèle
fait ne prend pas en charge le HTML pur
Tous les BOM/DOM du mini-programme ne peuvent pas être utilisés, ce qui signifie que la commande v-html ne peut pas être utilisée.
Ne prend pas en charge certaines expressions de rendu JavaScript complexes
Nous encoderons les doubles accolades {{}} du modèle directement dans le fichier wxml en raison de cette fonctionnalité. limitations de l'applet WeChat (liaison de données), les expressions JavaScript complexes ne peuvent pas être prises en charge.
Actuellement disponibles sont + - * % ?: ! == === <
Ne prend pas en charge les filtres
La partie rendu sera convertie en wxml, et wxml ne prend pas en charge les filtres, donc cette partie de la fonction n'est pas prise en charge.
La fonction n'est pas prise en charge
L'utilisation de fonctions dans les méthodes du modèle n'est pas prise en charge.
Rendu de liste
Prise en charge complète de la documentation officielle : rendu de liste
Juste quelque chose à noter, le rendu de liste imbriquée doit spécifier un index différent !
<!-- 在这种嵌套循环的时候， index 和 itemIndex 这种索引是必须指定，且别名不能相同，正确的写法如下 -->
<template>
<ul v-for="(card, index) in list">
<li v-for="(item, itemIndex) in card">
{{item.value}}
</li>
</ul>
</template></p>
<h3 id="strong-a-href-http-www-php-cn-code-html-target-blank-Gestionnaire-d-événements-a-strong"><strong><a href="http://www.php.cn/code/5688.html" target="_blank">Gestionnaire d'événements</a></strong></h3>
<p style="text-align: left;">L'événement de changement dans l'entrée et la zone de texte sera converti en événement de flou. </p>
<h4 id="strong-Remarque-strong"><strong>Remarque : </strong></h4>
<ul class=" list-paddingleft-2">
<li>
<p style="text-align: left;">Pour les événements natifs ne figurant pas dans la liste, vous pouvez également utiliser l'événement bindregionchange pour modifier directement la liaison en @ @regionchange, en même temps, cet événement est aussi très spécial. Il a deux types d'événements : début et fin<br>, ce qui nous empêche de distinguer de quel événement il s'agit dans handleProxy, donc vous peut écouter des événements en même temps lors de l'écoute de tels événements. Nom et type d'événement<br>.</p>
<pre class="brush:php;toolbar:false"> <map @regionchange="functionName" @end="functionName" @begin="functionName"><map>小程序能力所致，bind 和 catch 事件同时绑定时候，只会触发 bind ,catch 不会被触发，要避免踩坑。
事件修饰符
- .stop 的使用会阻止冒泡，但是同时绑定了一个非冒泡事件，会导致该元素上的 catchEventName 失效！
.prevent 可以直接干掉，因为小程序里没有什么默认事件，比如submit并不会跳转页面
.capture 支持 1.0.9
.self 没有可以判断的标识
.once 也不能做，因为小程序没有 removeEventListener, 虽然可以直接在 handleProxy 中处理，但非常的不优雅，违背了原意，暂不考虑
其他 键值修饰符 等在小程序中压根没键盘，所以。。。
三、组件
有且只能使用单文件组件（.vue 组件）的形式进行支持。其他的诸如：动态组件，自定义 render，和
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Explication détaillée de la fonction mode en C++
Nov 18, 2023 pm 03:08 PM
Explication détaillée de la fonction mode en C++ En statistiques, le mode fait référence à la valeur qui apparaît le plus fréquemment dans un ensemble de données. En langage C++, nous pouvons trouver le mode dans n’importe quel ensemble de données en écrivant une fonction de mode. La fonction mode peut être implémentée de nombreuses manières différentes, deux des méthodes couramment utilisées seront présentées en détail ci-dessous. La première méthode consiste à utiliser une table de hachage pour compter le nombre d'occurrences de chaque nombre. Tout d’abord, nous devons définir une table de hachage avec chaque nombre comme clé et le nombre d’occurrences comme valeur. Ensuite, pour un ensemble de données donné, nous exécutons
Explication détaillée de l'obtention des droits d'administrateur dans Win11
Mar 08, 2024 pm 03:06 PM
Le système d'exploitation Windows est l'un des systèmes d'exploitation les plus populaires au monde et sa nouvelle version Win11 a beaucoup attiré l'attention. Dans le système Win11, l'obtention des droits d'administrateur est une opération importante. Les droits d'administrateur permettent aux utilisateurs d'effectuer davantage d'opérations et de paramètres sur le système. Cet article présentera en détail comment obtenir les autorisations d'administrateur dans le système Win11 et comment gérer efficacement les autorisations. Dans le système Win11, les droits d'administrateur sont divisés en deux types : administrateur local et administrateur de domaine. Un administrateur local dispose de tous les droits d'administration sur l'ordinateur local
Explication détaillée du fonctionnement de la division dans Oracle SQL
Mar 10, 2024 am 09:51 AM
Explication détaillée de l'opération de division dans OracleSQL Dans OracleSQL, l'opération de division est une opération mathématique courante et importante, utilisée pour calculer le résultat de la division de deux nombres. La division est souvent utilisée dans les requêtes de bases de données. Comprendre le fonctionnement de la division et son utilisation dans OracleSQL est donc l'une des compétences essentielles des développeurs de bases de données. Cet article discutera en détail des connaissances pertinentes sur les opérations de division dans OracleSQL et fournira des exemples de code spécifiques pour référence aux lecteurs. 1. Opération de division dans OracleSQL
Explication détaillée de la fonction reste en C++
Nov 18, 2023 pm 02:41 PM
Explication détaillée de la fonction reste en C++ En C++, l'opérateur reste (%) est utilisé pour calculer le reste de la division de deux nombres. Il s'agit d'un opérateur binaire dont les opérandes peuvent être n'importe quel type entier (y compris char, short, int, long, etc.) ou un type nombre à virgule flottante (tel que float, double). L'opérateur reste renvoie un résultat du même signe que le dividende. Par exemple, pour l'opération de reste des entiers, nous pouvons utiliser le code suivant pour implémenter : inta=10;intb=3;
Implémenter des effets de retournement de cartes dans les mini-programmes WeChat
Nov 21, 2023 am 10:55 AM
Implémentation d'effets de retournement de cartes dans les mini-programmes WeChat Dans les mini-programmes WeChat, la mise en œuvre d'effets de retournement de cartes est un effet d'animation courant qui peut améliorer l'expérience utilisateur et l'attractivité des interactions d'interface. Ce qui suit présentera en détail comment implémenter l'effet de retournement de carte dans l'applet WeChat et fournira des exemples de code pertinents. Tout d'abord, vous devez définir deux éléments de carte dans le fichier de mise en page du mini-programme, un pour afficher le contenu avant et un pour afficher le contenu arrière. L'exemple de code spécifique est le suivant : <!--index.wxml-. ->&l
Explication détaillée du rôle et de l'utilisation de l'opérateur modulo PHP
Mar 19, 2024 pm 04:33 PM
L'opérateur modulo (%) en PHP est utilisé pour obtenir le reste de la division de deux nombres. Dans cet article, nous discuterons en détail du rôle et de l'utilisation de l'opérateur modulo et fournirons des exemples de code spécifiques pour aider les lecteurs à mieux comprendre. 1. Le rôle de l'opérateur modulo En mathématiques, lorsqu'on divise un entier par un autre entier, on obtient un quotient et un reste. Par exemple, lorsque l’on divise 10 par 3, le quotient est 3 et le reste est 1. L'opérateur modulo est utilisé pour obtenir ce reste. 2. Utilisation de l'opérateur modulo En PHP, utilisez le symbole % pour représenter le module
Explication détaillée de la fonction d'appel système Linux system()
Feb 22, 2024 pm 08:21 PM
Explication détaillée de la fonction d'appel système Linux system() L'appel système est une partie très importante du système d'exploitation Linux. Il fournit un moyen d'interagir avec le noyau système. Parmi elles, la fonction system() est l’une des fonctions d’appel système couramment utilisées. Cet article présentera en détail l’utilisation de la fonction system() et fournira des exemples de code correspondants. Concepts de base des appels système Les appels système sont un moyen permettant aux programmes utilisateur d'interagir avec le noyau du système d'exploitation. Les programmes utilisateur demandent au système d'exploitation en appelant des fonctions d'appel système
Explication détaillée de la commande Linux curl
Feb 21, 2024 pm 10:33 PM
Explication détaillée de la commande curl de Linux Résumé : curl est un puissant outil de ligne de commande utilisé pour la communication de données avec le serveur. Cet article présentera l'utilisation de base de la commande curl et fournira des exemples de code réels pour aider les lecteurs à mieux comprendre et appliquer la commande. 1. Qu’est-ce que la boucle ? curl est un outil de ligne de commande utilisé pour envoyer et recevoir diverses requêtes réseau. Il prend en charge plusieurs protocoles, tels que HTTP, FTP, TELNET, etc., et fournit des fonctions riches, telles que le téléchargement de fichiers, le téléchargement de fichiers, la transmission de données, le proxy.
