WeChat-Applet
Mini-Programmentwicklung
Eine kurze Analyse der Verhaltensweisen in Miniprogrammen. Wie erstellt und verwendet man es?
Eine kurze Analyse der Verhaltensweisen in Miniprogrammen. Wie erstellt und verwendet man es?
Feb 14, 2022 pm 07:53 PM
Was sind Verhaltensweisen? Der folgende Artikel führt Sie durch die Verhaltensweisen benutzerdefinierter Komponenten in Miniprogrammen und stellt vor, wie Sie Verhaltensweisen erstellen, importieren und verwenden. Ich hoffe, er wird Ihnen hilfreich sein!
Was sind Verhaltensweisen? Verhaltensweisen sind Funktionen, die zum Teilen von Komponentencode in Miniprogrammen verwendet werden, ?hnlich wie Mixins in Vue.js. Beispielsweise gibt es in mehreren Komponenten einen Teil des Codes, der genau gleich ist. Wir müssen ihn nicht für jede Komponente schreiben. Der Einfachheit halber k?nnen wir diesen Teil des Codes kapseln und in Verhaltensweisen zur gemeinsamen Nutzung einfügen. Wer verwendet diesen Teil des Codes? Direkter Verweis wird wirksam
Wie Verhaltensweisen funktionierenIn einem Miniprogramm kann jedes Verhalten eine Reihe von Eigenschaften, Daten, Lebenszyklen und Methoden enthalten. Wenn eine Komponente darauf verweist, werden ihre Eigenschaften, Daten und Methoden in der Komponente zusammengeführt.
- Jede Komponente kann auf mehrere Verhaltensweisen verweisen, und jedes Verhalten kann auch aufeinander verweisen
Rufen Sie die Methode behaviors(Object Object) auf, um eine gemeinsame Verhaltensinstanz zu erstellen Objekt zur Verwendung durch alle Komponenten//使用 module.exports 將 behavior 實(shí)例對象共享出去
module.exports = Behavior({
//私有數(shù)據(jù)節(jié)點(diǎn)
data: { },
//屬性節(jié)點(diǎn)
properties: { },
//事件處理
methods: { }
})
Import und Verwendung von Verhaltensweisenbehaviors(Object Object) 方法就可以創(chuàng)建一個(gè)共享的 behaviors 實(shí)例對象，供所有的組件使用
//1.使用 `require()` 導(dǎo)入需要的自定義 behaviors 模塊
const myBehaviors = require("../../behaviors/behaviors")
Component({
//2. 將導(dǎo)入的 behaviors 實(shí)例對象，掛載到 behaviors數(shù)組的節(jié)點(diǎn)中便可以使用
behaviors: [myBehaviors],
properties: {
//...
}
//其他代碼...
})behaviors 的導(dǎo)入與使用
在組件中，使用 require() 方法導(dǎo)入需要的 behaviors，掛載后即可訪問 behaviors 中的數(shù)據(jù)或方法
behaviors 中所有可用的節(jié)點(diǎn)
比較常用的有 properties、data、methods、behaviors
| 可用的節(jié)點(diǎn) | 類型 | 是否必填 | 描述 |
|---|---|---|---|
| properties | Object Map | 否 | 同組件的屬性 |
| data | Object | 否 | 同組件的數(shù)據(jù) |
| methods | Object | 否 | 同自定義組件的方法 |
| behaviors | Sting Array | 否 | 引用其它的 behaviors |
| created | Function | 否 | 生命周期函數(shù) |
| attached | Function | 否 | 生命周期函數(shù) |
| ready | Function | 否 | 生命周期函數(shù) |
| moved | Function | 否 | 生命周期函數(shù) |
| detached | Function | 否 | 生命周期函數(shù) |
同名字段的覆蓋和組合規(guī)則
組件和它引用的 behaviors 中可以包含同名的字段，此時(shí)可以參考以下三種同名的處理規(guī)則
-
同名的數(shù)據(jù)字段 （
data）- 若同名的數(shù)據(jù)字段都是對象類型，會(huì)進(jìn)行對象合并
- 其余情況會(huì)進(jìn)行數(shù)據(jù)覆蓋，覆蓋規(guī)則： 組件 > 父 behaviors > 子 behaviors 、靠后的 behaviors > 靠前的 behaviors（優(yōu)先級高的覆蓋優(yōu)先級低的，最大的優(yōu)先級最高）
-
同名的屬性(
properties)或方法(methods- Verwenden Sie in Komponenten
- rrreee code>,
data,methods,behaviors - überschreibungs- und Kombinationsregeln für Felder mit demselben Namen
require(). Die Methode importiert die erforderlichen Verhaltensweisen . Nach dem Mounten k?nnen Sie auf die Daten oder Methoden in den Verhaltensweisen zugreifen.Verfügbarer Knoten Typen Erforderlich Beschreibung Eigenschaften ObjektzuordnungKeine Eigenschaften derselben Komponente Daten Objekt Nein Daten derselben Komponente Methoden Objekt Nein td> Gleiche wie benutzerdefinierte Komponentenmethoden Verhalten Sting-Array Keine Referenz andere Verhaltensweisen erstellt Funktion Nein Lebenszyklusfunktion angeh?ngt Funktion Nein Lebenszyklusfunktion bereit Funktion Nein Lebenszyklusfunktion verschoben Funktion td> Nein Lebenszyklusfunktion freistehend Funktion NeinLebenszyklusfunktion data). ) - rrreee code>,
-
Wenn alle Datenfelder denselben Namen haben, wird eine Objektzusammenführung durchgeführt
- In anderen F?llen werden die Daten überschrieben: Komponenten > Untergeordnete Verhaltensweisen > Vordere Verhaltensweisen (mit hoher Priorit?t überschreiben) Niedrige Priorit?t, das gr??te hat die h?chste Priorit?t)
- Eigenschaften (
properties) oder Methoden (methods) mit den gleichen Namen - Wenn die Komponente selbst über diese Eigenschaft oder Methode verfügt, überschreiben die Eigenschaften oder Methoden der Komponente die gleichnamigen Eigenschaften oder Methoden in den Verhaltensweisen. Wenn die Komponente selbst nicht über diese Eigenschaft oder Methode verfügt, Die Eigenschaften oder Methoden der sp?teren Verhaltensweisen, die im Verhaltensfeld der Komponente definiert sind, überschreiben die früheren Attribute oder Methoden mit demselben Namen.
- Basierend auf dem vorherigen Artikel lautet die Regel, wenn es verschachtelte Verweise auf Verhaltensweisen gibt: übergeordnete Verhaltensweisen überschreiben Attribute oder Methoden mit demselben Namen in untergeordneten Verhaltensweisen , befolgen Sie die folgenden Regeln: Verhalten haben Vorrang vor Komponentenausführung. Untergeordnete Verhaltensweisen haben Vorrang vor übergeordneten Verhaltensweisen. Vordere Verhaltensweisen haben Vorrang vor abh?ngigen Verhaltensweisen. Nachfolgende Verhaltensweisen werden ausgeführt Komponente definiert, dass die Lebenszyklusfunktion nur einmal ausgeführt wird
- Eigenschaften (
Das obige ist der detaillierte Inhalt vonEine kurze Analyse der Verhaltensweisen in Miniprogrammen. Wie erstellt und verwendet man es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
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)
Entwickeln Sie ein WeChat-Applet mit Python
Jun 17, 2023 pm 06:34 PM
Mit der Popularit?t mobiler Internettechnologie und Smartphones ist WeChat zu einer unverzichtbaren Anwendung im Leben der Menschen geworden. Mit WeChat-Miniprogrammen k?nnen Benutzer Miniprogramme direkt verwenden, um einige einfache Anforderungen zu erfüllen, ohne Anwendungen herunterladen und installieren zu müssen. In diesem Artikel wird erl?utert, wie Sie mit Python ein WeChat-Applet entwickeln. 1. Vorbereitung Bevor Sie Python zum Entwickeln des WeChat-Applets verwenden, müssen Sie die entsprechende Python-Bibliothek installieren. Hier empfiehlt es sich, die beiden Bibliotheken wxpy und itchat zu verwenden. wxpy ist eine WeChat-Maschine
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
Alipay hat das Miniprogramm ?Chinese Character Picking-Rare Characters' gestartet, um die Bibliothek seltener Charaktere zu sammeln und zu erg?nzen
Oct 31, 2023 pm 09:25 PM
Laut Nachrichten dieser Website vom 31. Oktober und 27. Mai dieses Jahres kündigte die Ant Group den Start des ?Chinese Character Picking Project“ an und leitete kürzlich neue Fortschritte ein: Alipay startete das Miniprogramm ?Chinese Character Picking – Uncommon Characters“. um Sammlungen der Gesellschaft zu sammeln. Seltene Charaktere erg?nzen die Bibliothek seltener Charaktere und bieten unterschiedliche Eingabeerlebnisse für seltene Charaktere, um die Eingabemethode für seltene Charaktere in Alipay zu verbessern. Derzeit k?nnen Benutzer das Applet ?Ungew?hnliche Zeichen“ aufrufen, indem sie nach Schlüsselw?rtern wie ?Aufnehmen chinesischer Zeichen“ und ?Seltene Zeichen“ suchen. Im Miniprogramm k?nnen Benutzer Bilder von seltenen Zeichen einreichen, die vom System nicht erkannt und eingegeben wurden. Nach der Best?tigung nehmen Alipay-Ingenieure zus?tzliche Eintr?ge in die Schriftartenbibliothek vor. Auf dieser Website wurde festgestellt, dass Benutzer im Miniprogramm auch die neueste Eingabemethode zur Wortteilung nutzen k?nnen. Diese Eingabemethode ist für seltene W?rter mit unklarer Aussprache konzipiert. Demontage durch den Benutzer
K?nnen kleine Programme reagieren?
Dec 29, 2022 am 11:06 AM
Miniprogramme k?nnen React verwenden. 1. Implementieren Sie einen Renderer basierend auf ?React-Reconciler“ und generieren Sie eine Miniprogrammkomponente zum Parsen und Rendern von DSL. 3. Installieren Sie npm und führen Sie den Entwickler-Build aus npm im Tool; 4. Führen Sie das Paket auf Ihrer eigenen Seite ein und verwenden Sie dann die API, um die Entwicklung abzuschlie?en.
Wie uniapp eine schnelle Konvertierung zwischen Miniprogrammen und H5 erreicht
Oct 20, 2023 pm 02:12 PM
Wie Uniapp eine schnelle Konvertierung zwischen Miniprogrammen und H5 erreichen kann, erfordert spezifische Codebeispiele. Mit der Entwicklung des mobilen Internets und der Popularit?t von Smartphones sind Miniprogramme und H5 zu unverzichtbaren Anwendungsformen geworden. Als plattformübergreifendes Entwicklungsframework kann Uniapp die Konvertierung zwischen kleinen Programmen und H5 basierend auf einer Reihe von Codes schnell realisieren und so die Entwicklungseffizienz erheblich verbessern. In diesem Artikel wird vorgestellt, wie Uniapp eine schnelle Konvertierung zwischen Miniprogrammen und H5 erreichen kann, und es werden konkrete Codebeispiele gegeben. 1. Einführung in uniapp unia
Bringen Sie Ihnen bei, wie Sie Vorlagennachrichten für ?ffentliche Konten in Miniprogrammen verwenden (mit detaillierten Ideen).
Nov 04, 2022 pm 04:53 PM
Dieser Artikel bringt Ihnen einige verwandte Themen zu WeChat-Miniprogrammen. Er stellt vor allem die Verwendung ?ffentlicher Kontovorlagennachrichten in Miniprogrammen vor. Ich hoffe, dass er für alle hilfreich ist.
Tutorial zum Schreiben eines einfachen Chat-Programms in Python
May 08, 2023 pm 06:37 PM
Implementierungsidee x01 Servereinrichtung Zun?chst wird auf der Serverseite ein Socket zum Empfangen von Nachrichten verwendet. Jedes Mal, wenn eine Socket-Anfrage angenommen wird, wird ein neuer Thread ge?ffnet, um die Verteilung und Annahme von Nachrichten zu verwalten Um alle Threads zu verwalten und damit die Verarbeitung verschiedener Funktionen des Chatrooms zu realisieren, ist die Einrichtung des x02-Clients viel einfacher als die des Servers. Die Funktion des Clients besteht lediglich darin, Nachrichten zu senden und zu empfangen und bestimmte Zeichen einzugeben Um die Verwendung unterschiedlicher Funktionen zu erreichen, müssen Sie daher auf der Clientseite nur zwei Threads verwenden, einen für den Empfang von Nachrichten und einen für das Senden von Nachrichten liegt daran, nur
Geografische Standortbestimmung und Kartendarstellung mittels PHP und Miniprogrammen
Jul 04, 2023 pm 04:01 PM
Geolocation-Positionierung und Kartenanzeige von PHP und Miniprogrammen Geolocation-Positionierung und Kartenanzeige sind zu einer der notwendigen Funktionen in der modernen Technologie geworden. Mit der Beliebtheit mobiler Ger?te steigt auch der Bedarf der Menschen an Ortung und Kartendarstellung. W?hrend des Entwicklungsprozesses sind PHP und Applets zwei g?ngige Technologien. In diesem Artikel werden Sie in die Implementierungsmethode der geografischen Standortpositionierung und Kartenanzeige in PHP und Miniprogrammen eingeführt und entsprechende Codebeispiele angeh?ngt. 1. Geolokalisierung in PHP In PHP k?nnen wir die Geolokalisierung von Drittanbietern verwenden
