Zusammenfassung der Erfahrungen in der Datenkapselung und Parameterwertübertragung von WeChat-Miniprogrammen

In diesem Artikel werden hauptsächlich relevante Informationen zur Erfahrungszusammenfassung der Datenkapselung und Parameterwertübertragung des WeChat-Miniprogramms vorgestellt. Freunde in Not können sich auf

Zusammenfassung der Entwicklung des WeChat-Miniprogramms beziehen:

1: Parameterwertübertragungsmethode

1: Daten-ID

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

(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

    })

}

Daten-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: Legen Sie den Methodenbezeichner der ID fest, um den Wert zu übergeben

Verwendungsanweisungen:

(1) Legen Sie die ID fest

(2) Holen Sie sich den Wert

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

Rufen Sie den Wert der festgelegten ID über e.currentTarget.id ab und übergeben Sie ihn dann durch Festlegen des globalen Werts Objektwert

3: Parameterwert im Navigator hinzufügen

Nutzungsanweisungen

(1) Übergabewert: in Navigatorattributen Nach URL, splice ?id (Parametername) = zu übergebender Wert (wenn mehrere Parameter durch & und name=value&.... getrennt sind)

(2) Wert:

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

2: Datenanforderungskapselung

onLoad (params){

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

    })

  }

1. Alle

Schnittstellen

Fügen Sie es in ein einheitliches js ein Datei ablegen und exportieren

2: Erstellen Sie eine Methode zum Kapseln der Anforderungsdaten in app.js

const api = {

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

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

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

   .....

}

module.exports = api;

3: Rufen Sie die gekapselte Methode auf der Unterseite auf, um Daten anzufordern

 fetch(url,data, callback) {

    wx.request({

      url,

      data: data,

      header: {

        'Content-Type': 'application/json'

      },

      success(res) {

        callback(null, res.data);

      },

      fail(e) {

        callback(e);

      }

    })

  },

Drei: Verwenden Sie Vorlagen (ich habe festgestellt, dass Vorlagen wirklich eine gute Sache sind Oh !)

import API from "../../api/api.js";

const app = getApp();

const conf = {

  data:{

    title:'正在拼命加载中...',

    loadding:true

  },

  onLoad (){

    app.fetch(API.hot,{},(err,data) => {

    })

  },

1: Vorlage definieren: Name den Namen der Vorlage festlegen

Vorlage definieren

( 2) Um eine Vorlage zu verwenden, führen Sie zunächst die Vorlage

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

ein und verwenden Sie dann die Vorlage, um den Namen der Vorlage zu schreiben. Um Daten zu übergeben, sind die Daten erforderlich sein

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

Vier:

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

Array

einfacherAttribute und Methoden

Array.isArray()-Methode Wird verwendet, um zu bestimmen, ob ein Wert ein Array ist. Wenn ja, wird „true“ zurückgegeben, andernfalls wird „false“ zurückgegeben.
Die Methode concat() kombiniert den übergebenen
• Array

  oder Nicht-Array-Wert mit dem ursprünglichen Array, um ein neues Array zu bilden und es zurückzugeben. Die Methode

• forEach

  () führt die bereitgestellte Funktion(Callback-Funktion) einmal für jedes Element des Arrays aus. Die

join()-Methode verbindet alle Elemente im Array zu einem
• String

  . Die Methode

• key

  s() gibt einen Iterator von Array-Indizes zurück. Die Methode

• map

  () gibt ein neues Array zurück, das aus dem Rückgabewert des Aufrufs einer angegebenen Methode für jedes Element im ursprünglichen Array

  Die Methode pop() löscht das letzte Element in einem 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.

• to
String
• () gibt einen String zurück, der das angegebene Array und seine Elemente darstellt.
  Fünf: Objekt
Objekt

Gemeinsame Methoden

1 Initialisierungsmethode

2 Methoden zum Hinzufügen von Elementen

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

3 Methoden zum Löschen von Schlüsseln

dic[“key”] = “value”;

4 Alle Einträge des Wortes löschen

delete dic[“key”];

5 Löschen

dic.clear();

6 Methode zum Anzeigen aller Attribute

delete dic;

Alle Schlüsselnamen des Objekts sind Zeichenfolgen, daher können sie in Anführungszeichen gesetzt werden oder nicht. Wenn der Schlüsselname ein numerischer Wert ist, ist dies der Fall Wird jedoch automatisch in eine Zeichenfolge konvertiert, wenn der Schlüsselname nicht die Bedingungen des Identifikationsnamens erfüllt (z. B. wenn das erste Zeichen eine Zahl ist oder ein Leerzeichen oder einen

-Operator

Object.keys(obj);

enthält). Wenn Sie eine Zahl eingeben, müssen Sie Anführungszeichen hinzufügen, andernfalls wird ein Fehler 6 gemeldet es wird als Dezimalpunkt behandelt), kann nur der eckige Klammeroperator verwendet werden. 7 Überprüfen Sie, ob die

-Variable als

deklariert ist

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

8 in 运算符用于检查对象是否包含某个属性,如果包含返回true,否则返回false

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

9 for … in 循环用来遍历一个对象的全部属性

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

10 with 语句作用: 操作同一个对象的多个属性时,提供一些书写的方便

with(obj) {
name1 = 1;
name2 = 2;
}
等同于
obj.name1 = 1;
obj.name2 =

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

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