Web-Frontend
js-Tutorial
Detaillierte Erläuterung der Schritte zur Entwicklung kleiner Programme in mpvue
Detaillierte Erläuterung der Schritte zur Entwicklung kleiner Programme in mpvue
Dieses Mal werde ich Ihnen die Schritte zum Entwickeln eines kleinen Programms mit mpvue ausführlich erläutern. Was sind die Vorsichtsmaßnahmen für die Entwicklung eines kleinen Programms mit mpvue? .
1. InstanzLebenszyklus
Zusätzlich zum Lebenszyklus von Vue selbst ist mpvue auch mit dem Lebenszyklus kleiner Programme kompatibel des Lebenszyklus stammen von WeChat. Für Mini-Programmseiten wird, außer unter besonderen Umständen, nicht empfohlen, den Lebenszyklus-Hook des Mini-Programms zu verwenden.
App-Teil:
onLaunch, Initialisierung
onShow, wenn das Applet startet, oder Beim Eintritt in den Vordergrund aus dem Hintergrund wird
onHide angezeigt, wenn das Miniprogramm aus dem Vordergrund in den Hintergrund eintritt
Seitenteil:
onLoad, Seitenladevorgang überwachen
onShow, Seitenanzeige überwachen
onReady, Überwachen Sie, dass das anfängliche Rendern der Seite abgeschlossen ist
onHide, überwachen Sie das Ausblenden der Seite
onUnload, überwachen Sie das Entladen der Seite
onPullDownRefresh, Pulldown-Aktion des Benutzers überwachen
onReachBottom, Handlerfunktion für Seiten-Pulldown-Ereignis
onShareAppMessage, Benutzer klickt oben rechts Ecke zum Teilen
onPageScroll, Seitenscrollen
onTabItemTap, wenn auf die aktuelle Registerkarte geklickt wird, wird ausgelöst, wenn auf die Registerkarte geklickt wird (mpvue 0.0. 16 Stützen)
Verwendungsbeispiel:
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"Hinweis:
Verwenden Sie keine Pfeilfunktionen auf Optionsattributen oder Rückrufen, wie zum Beispiel „created: () => console.log(this.a)“ oder „vm.$watch('a', newValue => this.myMethod()“). Da Pfeilfunktionen an den übergeordneten Kontext gebunden sind, handelt es sich nicht wie erwartet um die Vue-Instanz, und this.a oder this.myMethod sind undefiniert.
Der Abfrageparameter der WeChat-Applet-Seite wird über onLoad abgerufen. mpvue hat dies optimiert und übergibt direkt this.$root.$mp.query Entsprechende Parameterdaten, ihr Aufruf muss verwendet werden, nachdem der onLoad-Lebenszyklus ausgelöst wurde, z. B. onShow usw.
2. Vorlagensyntax
funktioniert unterstützt kein reines HTML
Alle Stücklisten/DOMs im Miniprogramm können nicht verwendet werden, was bedeutet, dass der Befehl v-html nicht verwendet werden kann.
Unterstützt einige komplexe JavaScript-Rendering-Ausdrücke nicht
Wir werden die doppelten geschweiften Klammern {{}} in der Vorlage aufgrund der Funktion direkt in die WXML-Datei kodieren Aufgrund der Einschränkungen des WeChat-Applets (Datenbindung) können komplexe JavaScript-Ausdrücke nicht unterstützt werden.
Derzeit verfügbar sind + - * % ?: ! == === >
Filter werden nicht unterstützt
Der Rendering-Teil wird in WXML konvertiert, und WXML unterstützt keine Filter, daher wird dieser Teil der Funktion nicht unterstützt.
Funktion wird nicht unterstützt
Die Verwendung von Funktionen in Methoden innerhalb der Vorlage wird nicht unterstützt.
Listen-Rendering
Volle Unterstützung für offizielle Dokumentation: Listen-Rendering
Nur etwas zu beachten: Beim Rendern verschachtelter Listen muss ein anderer Index angegeben werden!
<!-- 在这种嵌套循环的时候， index 和 itemIndex 这种索引是必须指定，且别名不能相同，正确的写法如下 -->
<template>
<ul v-for="(card, index) in list">
<li v-for="(item, itemIndex) in card">
{{item.value}}
</li>
</ul>
</template>Ereignishandler
Das Änderungsereignis im Eingabe- und Textbereich wird in ein Unschärfeereignis umgewandelt.
Hinweis:
-
Für native Ereignisse, die nicht in der Liste enthalten sind, können Sie auch das bindregionchange-Ereignis verwenden, um die Bindung direkt auf @ @regionchange, gleichzeitig ist dieses Ereignis auch etwas ganz Besonderes. Es enthält Anfang und Ende, sodass wir nicht unterscheiden können, um welches Ereignis es sich in handleProxy handelt, sodass Sie zuhören können auf Ereignisse gleichzeitig, wenn Sie solche Ereignisse anhören. Sowohl der Name als auch der Ereignistyp
<map @regionchange="functionName" @end="functionName" @begin="functionName"><map>
Nach dem Login kopieren 小程序能力所致，bind 和 catch 事件同时绑定时候，只会触发 bind ,catch 不会被触发，要避免踩坑。
-
事件修饰符
- .stop 的使用会阻止冒泡，但是同时绑定了一个非冒泡事件，会导致该元素上的 catchEventName 失效！
Nach dem Login kopieren .prevent 可以直接干掉，因为小程序里没有什么默认事件，比如submit并不会跳转页面
.capture 支持 1.0.9
.self 没有可以判断的标识
.once 也不能做，因为小程序没有 removeEventListener, 虽然可以直接在 handleProxy 中处理，但非常的不优雅，违背了原意，暂不考虑
其他 键值修饰符 等在小程序中压根没键盘，所以。。。
三、组件
有且只能使用单文件组件（.vue 组件）的形式进行支持。其他的诸如：动态组件，自定义 render，和
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1378
52
Detaillierte Erläuterung der Modusfunktion in C++
Nov 18, 2023 pm 03:08 PM
Detaillierte Erläuterung der Modusfunktion in C++ In der Statistik bezieht sich der Modus auf den Wert, der in einem Datensatz am häufigsten vorkommt. In der Sprache C++ können wir den Modus in jedem Datensatz finden, indem wir eine Modusfunktion schreiben. Die Modusfunktion kann auf viele verschiedene Arten implementiert werden. Zwei der häufig verwendeten Methoden werden im Folgenden ausführlich vorgestellt. Die erste Methode besteht darin, eine Hash-Tabelle zu verwenden, um die Häufigkeit des Vorkommens jeder Zahl zu zählen. Zuerst müssen wir eine Hash-Tabelle definieren, in der jede Zahl der Schlüssel und die Häufigkeit des Vorkommens der Wert ist. Dann führen wir für einen bestimmten Datensatz aus
Ausführliche Erklärung zur Erlangung von Administratorrechten in Win11
Mar 08, 2024 pm 03:06 PM
Das Windows-Betriebssystem ist eines der beliebtesten Betriebssysteme der Welt und seine neue Version Win11 hat viel Aufmerksamkeit erregt. Im Win11-System ist die Erlangung von Administratorrechten ein wichtiger Vorgang. Mit Administratorrechten können Benutzer weitere Vorgänge und Einstellungen auf dem System durchführen. In diesem Artikel wird ausführlich beschrieben, wie Sie Administratorrechte im Win11-System erhalten und wie Sie Berechtigungen effektiv verwalten. Im Win11-System werden Administratorrechte in zwei Typen unterteilt: lokaler Administrator und Domänenadministrator. Ein lokaler Administrator verfügt über vollständige Administratorrechte für den lokalen Computer
Detaillierte Erläuterung der Divisionsoperation in Oracle SQL
Mar 10, 2024 am 09:51 AM
Detaillierte Erläuterung der Divisionsoperation in OracleSQL In OracleSQL ist die Divisionsoperation eine häufige und wichtige mathematische Operation, die zur Berechnung des Ergebnisses der Division zweier Zahlen verwendet wird. Division wird häufig in Datenbankabfragen verwendet. Daher ist das Verständnis der Divisionsoperation und ihrer Verwendung in OracleSQL eine der wesentlichen Fähigkeiten für Datenbankentwickler. In diesem Artikel werden die relevanten Kenntnisse über Divisionsoperationen in OracleSQL ausführlich erörtert und spezifische Codebeispiele als Referenz für die Leser bereitgestellt. 1. Divisionsoperation in OracleSQL
Detaillierte Erläuterung der Restfunktion in C++
Nov 18, 2023 pm 02:41 PM
Detaillierte Erläuterung der Restfunktion in C++ In C++ wird der Restoperator (%) verwendet, um den Rest der Division zweier Zahlen zu berechnen. Es handelt sich um einen binären Operator, dessen Operanden ein beliebiger Ganzzahltyp (einschließlich char, short, int, long usw.) oder ein Gleitkommazahlentyp (z. B. float, double) sein kann. Der Restoperator gibt ein Ergebnis mit demselben Vorzeichen wie der Dividend zurück. Für die Restoperation von Ganzzahlen können wir beispielsweise den folgenden Code zur Implementierung verwenden: inta=10;intb=3;
Implementieren Sie Kartenumdreheffekte in WeChat-Miniprogrammen
Nov 21, 2023 am 10:55 AM
Implementieren von Kartenumdreheffekten in WeChat-Miniprogrammen In WeChat-Miniprogrammen ist die Implementierung von Kartenumdreheffekten ein häufiger Animationseffekt, der die Benutzererfahrung und die Attraktivität von Schnittstelleninteraktionen verbessern kann. Im Folgenden wird detailliert beschrieben, wie der Kartenumdrehungseffekt im WeChat-Applet implementiert wird, und relevante Codebeispiele bereitgestellt. Zunächst müssen Sie in der Seitenlayoutdatei des Miniprogramms zwei Kartenelemente definieren, eines für die Anzeige des vorderen Inhalts und eines für die Anzeige des hinteren Inhalts. Der spezifische Beispielcode lautet wie folgt: <!--index.wxml-. ->&l
Detaillierte Erläuterung der Rolle und Verwendung des PHP-Modulo-Operators
Mar 19, 2024 pm 04:33 PM
Der Modulo-Operator (%) in PHP wird verwendet, um den Rest der Division zweier Zahlen zu ermitteln. In diesem Artikel werden wir die Rolle und Verwendung des Modulo-Operators im Detail besprechen und spezifische Codebeispiele bereitstellen, um den Lesern ein besseres Verständnis zu erleichtern. 1. Die Rolle des Modulo-Operators Wenn wir in der Mathematik eine ganze Zahl durch eine andere ganze Zahl dividieren, erhalten wir einen Quotienten und einen Rest. Wenn wir beispielsweise 10 durch 3 dividieren, ist der Quotient 3 und der Rest ist 1. Um diesen Rest zu ermitteln, wird der Modulo-Operator verwendet. 2. Verwendung des Modulo-Operators In PHP verwenden Sie das %-Symbol, um den Modul darzustellen
Detaillierte Erläuterung der Funktion system() des Linux-Systemaufrufs
Feb 22, 2024 pm 08:21 PM
Detaillierte Erläuterung der Funktion system() des Linux-Systems Der Systemaufruf ist ein sehr wichtiger Teil des Linux-Betriebssystems. Er bietet eine Möglichkeit, mit dem Systemkernel zu interagieren. Unter diesen ist die Funktion system() eine der am häufigsten verwendeten Systemaufruffunktionen. In diesem Artikel wird die Verwendung der Funktion system() ausführlich vorgestellt und entsprechende Codebeispiele bereitgestellt. Grundlegende Konzepte von Systemaufrufen Systemaufrufe sind eine Möglichkeit für Benutzerprogramme, mit dem Betriebssystemkernel zu interagieren. Benutzerprogramme fordern das Betriebssystem an, indem sie Systemaufruffunktionen aufrufen
Detaillierte Erläuterung des Linux-Befehls „curl'.
Feb 21, 2024 pm 10:33 PM
Detaillierte Erläuterung des Linux-Befehls „curl“ Zusammenfassung: Curl ist ein leistungsstarkes Befehlszeilentool für die Datenkommunikation mit dem Server. In diesem Artikel wird die grundlegende Verwendung des Curl-Befehls vorgestellt und tatsächliche Codebeispiele bereitgestellt, um den Lesern zu helfen, den Befehl besser zu verstehen und anzuwenden. 1. Was ist Locken? Curl ist ein Befehlszeilentool zum Senden und Empfangen verschiedener Netzwerkanfragen. Es unterstützt mehrere Protokolle wie HTTP, FTP, TELNET usw. und bietet umfangreiche Funktionen wie Datei-Upload, Datei-Download, Datenübertragung und Proxy
