Einige Erfahrungen in der Entwicklung von WeChat-Miniprogrammen

PHPz
Freigeben: 2017-04-02 16:37:05
Original
1384 Leute haben es durchsucht

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}}">
Nach dem Login kopieren

(2): Wert abrufen + Wert übergeben

playTap:function(e) {
    const dataset = e.currentTarget.dataset;
    wx.navigateTo({
     url: &#39;../play/index?id=&#39;+ dataset.id
    })
    console.log(dataset.id);
  }
Nach dem Login kopieren

(3): Wert abrufen

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

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}}">
Nach dem Login kopieren

(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}}">
Nach dem Login kopieren

(2) Wert:

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

2: Datenanforderungskapselung

1. Alle Schnittstellen in eine einheitliche JS-Datei einfügen und <🎜 exportieren >

const api = {
  interface1: &#39;https://........&#39;,
   interface2: &#39;https://.......&#39;,
   interface3: &#39;https://....&#39;,
   .....
}
module.exports = api;
Nach dem Login kopieren
2: Erstellen Sie eine Methode zum Kapseln der Anforderungsdaten in app.js

fetch(url,data, callback) {
   wx.request({
     url,
     data: data,
     header: {
       &#39;Content-Type&#39;: &#39;application/json&#39;
     },
     success(res) {
       callback(null, res.data);
     },
     fail(e) {
       callback(e);
     }
   })
 },
Nach dem Login kopieren
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:&#39;正在拼命加载中...&#39;,
    loadding:true
  },
  onLoad (){
    app.fetch(API.hot,{},(err,data) => {
    })
  }
Nach dem Login kopieren
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>
Nach dem Login kopieren
2: Verwenden Vorlage

Führen Sie zuerst die Vorlage ein

<import src="../../commonXml/homecell.wxml" />
Nach dem Login kopieren
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>
Nach dem Login kopieren
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);
Nach dem Login kopieren

3 So löschen Sie den Schlüssel

dic[“key”] = “value”;
Nach dem Login kopieren

4 Alle Einträge des Wortes löschen

delete dic[“key”];
Nach dem Login kopieren

5 Löschen

dic.clear();
Nach dem Login kopieren

6 Methoden zum Anzeigen aller Attribute

delete dic;
Nach dem Login kopieren

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);
Nach dem Login kopieren
), 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[&#39;name&#39;]
Nach dem Login kopieren
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[&#39;name&#39;])
Nach dem Login kopieren

10 for … in

Loop
if ( ‘x&#39; in obj) {return 1}
Nach dem Login kopieren

wird verwendet, um alle Eigenschaften von an zu durchlaufen Objekt

11 mit Anweisung

for (var i in obj) {
console.log(obj);
}
Nach dem Login kopieren
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!

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!