Einige Erfahrungen in der Entwicklung von WeChat-Miniprogrammen

1: ParameterMethode der Wertübergabe

1: Daten -id

Wir können data-*attribute zum HTML-Element hinzufügen, um den von uns benötigten Wert zu übergeben:

(1) Daten-ID festlegen

<view class="block" bindtap="playTap" data-id="{{modle.id}}">

(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 abrufen

onLoad:function (param) {
  //页面初始化
    this.setData({
      currentId:param.id
    })
}

data -Hinweis: Der Datenname darf nach langer Suche keinen Großbuchstaben enthalten, da er einen Großbuchstaben enthält. Objekte können nicht in Daten-*-Attributen gespeichert werden.

2: Set-ID Methodenbezeichner zum Übergeben des Werts

Verwendungsanweisungen:

(1) ID festlegen

<view bindtap=“playTap" id="{{modle.id}}">

(2) Wert abrufen

Erhalten Sie den Wert der festgelegten ID über e.currentTarget.id und übergeben Sie den Wert dann durch Festlegen des globalen Objekts

3: Parameterwert hinzufügen, der im Navigator übergeben wird

Gebrauchsanweisung

(1) Wertübergabe: Splice nach dem Navigator-Attribut url?id (Parametername) = der zu übergebende Wert (wenn mehrere Parameter durch & &name=value&……. getrennt sind)

<navigator url="../my/my?id={{item.id}}" wx:for="{{modles}}">

(2) Wert:

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

2: Datenanforderungskapselung

1. Alle Schnittstellen in eine einheitliche JS-Datei einfügen und

const api = {
  interface1: 'https://........',
   interface2: 'https://.......',
   interface3: '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: Rufen Sie die gekapselte Methode auf, um Daten auf der Unterseite anzufordern

import API from "../../api/api.js";
const app = getApp();
const conf = {
  data:{
    title:'正在拼命加载中...',
    loadding:true
  },
  onLoad (){
    app.fetch(API.hot,{},(err,data) => {
    })
  }

Drei: Vorlagen verwenden (ich habe herausgefunden, dass Vorlagen so eine gute Sache sind!)

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

<template name="homecell">
   <view class="item">
  </view>
 </template>

2: Verwenden Vorlage

Führen Sie zuerst die Vorlage ein

<import src="../../commonXml/homecell.wxml" />

und verwenden Sie dann „Vorlage ist“ und schreiben Sie dann den Namen der Vorlage. Um Daten zu übergeben, müssen die Daten übergeben werden

<template is="homecell" data="{{item}}"></template>

Viertens: Array ist einfacher zu verwenden. Die Eigenschaften und Methoden von

Array.isArray() werden verwendet, um zu bestimmen, ob ein Wert ein Array ist. Wenn ja, gibt es true zurück, andernfalls gibt es false zurück. Der Array- oder Nicht-Array-Wert wird mit dem ursprünglichen Array zu einem neuen Array kombiniert und zurückgegeben. Die

forEach()-Methode führt die bereitgestellte Funktion (Callback-Funktion) einmal für jedes Element des Arrays aus Die Methode „join()“ fügt alle Elemente im Array zu einer Zeichenfolge 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-Element 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

2 Methode zum Hinzufügen von Elementen

var obj = [];
var obj = new obj();
var obj = Object.create(null);

3 So löschen Sie den Schlüssel

dic[“key”] = “value”;

4 Alle Einträge des Wortes löschen

delete dic[“key”];

5 Löschen

dic.clear();

6 Methoden zum Anzeigen aller Attribute

delete dic;

Alle Schlüsselnamen des Objekts sind Zeichenfolgen, also ohne oder ohne Anführungszeichen Ja, 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 eine Zahl oder enthält ein Leerzeichen). oder der

-Operator

Object.keys(obj);

), es wird auch Wenn es sich nicht um eine Zahl handelt, müssen Sie Anführungszeichen hinzufügen, andernfalls wird ein Fehler gemeldet

7 Attribute lesen

Hinweis: Der Punktoperator kann nicht für numerische Tastennamen verwendet werden (da er als Dezimalpunkt behandelt wird), sondern nur der eckige Klammeroperator.

obj.name || obj['name']

8 Überprüfen Sie, ob die

-Variable

deklariert ist

9 Der in-Operator wird verwendet, um zu überprüfen, ob das Objekt ein bestimmtes Attribut enthält. und gibt true zurück, wenn dies der Fall ist, andernfalls false

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

10 for … in

Loop

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

wird verwendet, um alle Eigenschaften von an zu durchlaufen Objekt

11 mit Anweisung

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

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

ist äquivalent bis

Das obige ist der detaillierte Inhalt vonEinige Erfahrungen in der Entwicklung von WeChat-Miniprogrammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!