Heim >WeChat-Applet >Mini-Programmentwicklung >Ursprüngliche Erfahrung in der Entwicklung von WeChat-Miniprogrammen
1: Methode zur Übergabe von Parameterwerten
1: data-id
Wir können data-*-Attribute zu HTML-Elementen hinzufügen, um die von uns benötigten Werte und die Verwendung zu übergeben Anweisungen:
(1)Daten-ID festlegen
(2): Wert abrufen + Wert übergeben
playTap:function(e) {
const dataset = e.currentTarget.dataset;
wx.navigateTo({
url: '../play/index?id='+ dataset.id
})
console.log(dataset.id);
}
(3): Wert
onLoad:function (param) {
//Seiteninitialisierung
this.setData({
currentId:param.id
})
}
data-note: data-name darf keine Großbuchstaben haben, ich habe einmal einen großgeschrieben, weil Letter, I Dieser Fehler wurde nach langer Suche gefunden. Objekte können nicht in Daten-*-Attributen gespeichert werden
2: Legen Sie die Methodenkennung der ID fest, um den Wert zu übergeben
Verwendungsanweisungen:
(1) Legen Sie die ID fest
(2) Wert
erhalten durch e.currentTarget.id Legen Sie den Wert fest der ID und übergeben Sie dann den Wert durch Festlegen des globalen Objekts
3: Fügen Sie im Navigator Parameter hinzu, um den Wert zu übergeben
Verwendungsanweisungen
(1) Übergeben Sie den Wert: in den Eigenschaften von der Navigator Nach der URL splice ?id (Parametername) = zu übergebender Wert (wenn mehrere Parameter durch & &name=value&..... getrennt sind)
(2) Wert:
onLoad (params){
app.fetch(API.detail + params.id,(err,data) => {
})
}
2: Datenanforderung Kapselung
1. Alle Schnittstellen in eine einheitliche js-Datei einfügen und exportieren
const api = {
interface1: 'https://..... ',
Schnittstelle2: 'https://....',
Schnittstelle3: 'https://....',
....
}
module.exports = api;
2: Erstellen Sie eine Methode zum Kapseln der Anforderungsdaten in app.js
fetch( url,data, callback) {
wx.request({
url,
data: data,
header: {
'Content-Type': ' application/json'
},
success(res) {
callback(null, res.data);
},
fail(e) {
callback(e);
}
})
},
3: Anruf die gekapselte Methode auf der Unterseite zum Anfordern von Daten
API importieren aus „../../api/api.js“;
const app = getApp ();
const conf = {
data:{
title:'Loading...',
Loading:true
},
onLoad (){
app.fetch(API.hot,{},(err,data) => {
} )
},
Drei: Vorlagen verwenden (ich fand, dass Vorlagen so eine gute Sache sind!)
1: Vorlage definieren: Name Legen Sie den Namen der Vorlage fest
Vorlage definieren
< ;/template>
2: Vorlagen verwenden
Führen Sie zuerst die Vorlage ein
Dann Verwenden Sie „Vorlage ist“ und schreiben Sie dann den Namen der Vorlage. Übergeben Sie die erforderlichen Daten über data
Viertens: Nützlichere Attribute und Methoden von Arrays
Die Methode Array.isArray() wird verwendet, um zu bestimmen, ob ein Wert ein Array ist. Wenn ja, wird „true“ zurückgegeben, andernfalls wird „false“ zurückgegeben. Die
concat()-Methode kombiniert den eingehenden Array- oder Nicht-Array-Wert mit dem ursprünglichen Array zu einem neuen Array und gibt ihn zurück. Die
forEach()-Methode führt die bereitgestellte Funktion (Callback-Funktion) einmal für jedes Element aus des Arrays).
Die Methode join() fügt alle Elemente im Array zu einem String zusammen.
Die Methode „keys()“ gibt einen Iterator von Array-Indizes zurück.
Die Methode „map()“ gibt ein neues Array zurück, das aus dem Rückgabewert jedes Elements im ursprünglichen Array besteht, nachdem eine bestimmte Methode aufgerufen wurde.
Die Methode „pop()“ löscht das letzte Element in einem Array und gibt dieses Element zurück. . Die
push()-Methode fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die neue Länge des Arrays (Längenattributwert) zurück.
toString() gibt einen String zurück, der das angegebene Array und seine Elemente darstellt.
Fünf: Gemeinsame Methoden von Object
1 Initialisierungsmethode
var obj = [];
var obj = new obj();
var obj = Object.create(null);
2 So fügen Sie Elemente hinzu
dic[„key“] = „value“;
3 So löschen Sie den Schlüssel
delete dic[„key“];
4 Alle Einträge des Wortes löschen
dic.clear();
5 Löschen
dic löschen;
6 Methoden zum Anzeigen aller Attribute
Object.keys(obj);
Alle Schlüsselnamen des Objekts sind Zeichenfolgen, also ohne Anführungszeichen Ja Wenn der Schlüsselname ein numerischer Wert ist, wird er jedoch automatisch in eine Zeichenfolge umgewandelt. Wenn der Schlüsselname jedoch nicht die Bedingungen des Identifikationsnamens erfüllt (z. B. ist das erste Zeichen eine Zahl oder enthält Leerzeichen oder Operatoren). ), und es ist keine Zahl, Sie müssen Anführungszeichen hinzufügen, andernfalls wird ein Fehler gemeldet
6 Attribute lesen
obj.name || obj['name']
Hinweis: Punktoperatoren können nicht für numerische Tastennamen verwendet werden (da sie als Dezimalpunkt behandelt werden), sondern nur der eckige Klammeroperator.
7 Überprüfen Sie, ob die Variable deklariert ist
if(obj.name) || if(obj['name'])
8 Der in-Operator wird zur Überprüfung verwendet ob das Objekt enthält Wenn ein bestimmtes Attribut enthalten ist, gibt es true zurück, andernfalls gibt es false zurück
if ('x' in obj) {return 1}
9 for … in Loop
wird verwendet, um ein Objekt zu durchlaufen. Alle Attribute
for (var i in obj) {
console.log(obj);
}
10 with-Anweisung
Funktionen: Beim Bedienen mehrerer Attribute desselben Objekts werden einige Schreiberleichterungen bereitgestellt
with(obj) {
name1 = 1;
name2 = 2;
}
entspricht
obj.name1 = 1;
obj.name2 = 2;
Originaler Erfahrung in der WeChat-Applet-Entwicklung. Weitere Artikel finden Sie auf der chinesischen PHP-Website!