Zusammenfassung der Erfahrungen bei der Entwicklung des WeChat Mini-Programms

高洛峰
Freigeben: 2017-03-22 15:47:09
Original
1268 Leute haben es durchsucht

Heute wird das Unternehmen keine Überstunden machen, um meine Entwicklungserfahrung zusammenzufassen. Ich halte es für sehr wichtig, damit ich es mir besser merken kann Gleichzeitig hoffe ich, dass es den Bedürftigen helfen kann


1: Parameterwertübertragungsmethode

1: Daten-ID

Wir können Daten hinzufügen -* Attribute für HTML-Elemente, um den von uns benötigten Wert zu übergeben, Gebrauchsanweisungen:
(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) {

//Seite Initialisierung

this. setData({

) currentId:param.id

})

}

?


Daten-*-Hinweise: Daten-*-Namen dürfen keine Großbuchstaben haben. Ich habe diesen Fehler einmal nach langer Suche gefunden, da Objekte nicht in Daten-*-Attributen gespeichert werden können


2: Einstellungen Verwenden Sie den Methodenbezeichner von id, um den Wert zu übergeben

Verwendungsanweisungen:

(1) Set id

(2) Wert
Erhalten Sie den Wert der festgelegten ID über e.currentTarget.id und übergeben Sie den Wert dann durch Festlegen des globalen Werts Objekt


3: Parameterwertübertragung im Navigator hinzufügen
Gebrauchsanweisung
(1) Wertübertragung: Spleiß ?id (Parametername) nach der Attribut-URL des Navigators = der Wert zu übertragen werden (wenn es mehrere Parameter gibt, verwenden Sie & Separate &name=value&.....)

(2) Wert:

onLoad (params){

app.fetch(API.detail + params .id,(err,data) => {

})

}

2: Datenanforderungskapselung

1 eine einheitliche js-Datei und Export

const api = {

interface1: 'https://.....',

interface2: 'https://. .. ....',

interface3: 'https://....',

.....

}

module .exports = api;

2: Erstellen Sie eine Methode zum Kapseln von 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) {

                                                                                                                      

🎜>

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 ( Das habe ich gefunden Vorlagen sind so eine gute Sache!)

1: Vorlage definieren: Name Legen Sie den Namen der Vorlage fest

Vorlage definieren

2: Vorlagen verwenden
Führen Sie zuerst die Vorlage

ein, verwenden Sie dann die Vorlage is und schreiben Sie dann den Namen der Vorlage.. durch Daten Die Übertragung muss Daten sein

Vier: Arrays einfacher zu verwendende Attribute und Methoden

Die Methode Array.isArray() wird verwendet, um zu bestimmen, ob ein Wert ein Array ist. Wenn ja, geben Sie true zurück, andernfalls geben Sie false zurück.


Die Methode concat() kombiniert den eingehenden Array- oder Nicht-Array-Wert mit dem ursprünglichen Array, um ein neues Array zu bilden, und gibt es als Paar zurück Array Die bereitgestellte Funktion (Callback-Funktion) wird einmal für jedes Element ausgeführt.


Die Methode „join()“ verbindet alle Elemente im Array zu einem String. 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 angegebene Methode aufgerufen wurde.


Die Methode „pop()“ löscht eins letztes Element im Array und gibt dieses Element zurück.


Die Methode push() 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 Objekten

1 Initialisierungsmethode

var obj = [];

var obj = new obj();

var obj = Object.create(null);


2 Methode zum Hinzufügen von Elementen

dic[“key“] = „value“;

3 Methode zum Löschen von Schlüsseln

delete dic[„key“];

4 Alle Einträge des Wortes löschen

dic.clear();

5 Löschen

dic löschen;

6 Methode zum Anzeigen aller Attribute

Object.keys(obj);

Alle Schlüsselnamen des Objekts sind Zeichenfolgen, also sind sie kann nicht hinzugefügt werden. Sie können Anführungszeichen hinzufügen. Wenn der Schlüsselname ein numerischer Wert ist, wird er automatisch in eine Zeichenfolge umgewandelt. Wenn der Schlüsselname jedoch nicht die Bedingungen des Identifikationsnamens erfüllt (z. B. ist das erste Zeichen ein Zahl oder enthält Leerzeichen oder Operatoren), es ist keine Zahl. Sie müssen Anführungszeichen hinzufügen, andernfalls wird ein Fehler gemeldet

6 Leseattribut

obj.name || obj['name']

Hinweis: Numerischer Schlüsselname Der Punktoperator kann nicht verwendet werden (da er als Dezimalpunkt behandelt wird), nur der eckige Klammeroperator kann verwendet werden.

7 Überprüfen Sie, ob die Variable deklariert ist

if(obj.name) ||. if(obj['name'])

8 im Operator wird verwendet um zu prüfen, ob das Objekt ein bestimmtes Attribut enthält, wenn ja, gibt es true zurück, andernfalls gibt es false zurück

if ('x' in obj) {return 1}

9 for … in Schleife

Wird verwendet, um alle Eigenschaften eines Objekts zu durchlaufen


for (var i in obj) {
console.log(obj);

}



10 mit Anweisung

Funktion: Bietet etwas Schreibkomfort, wenn mehrere Eigenschaften desselben Objekts bedient werden

with(obj) {
name1 = 1;
name2 = 2;
}

entspricht

obj.name1 = 1;
obj .name2 = 2;

Das obige ist der detaillierte Inhalt vonZusammenfassung der Erfahrungen bei der Entwicklung des WeChat Mini-Programms. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!