Quelques expériences dans le développement de mini-programmes WeChat

1 : ParamètresMéthode de transmission de la valeur

1 : données -id

Nous pouvons ajouter data-*attribut à l'élément HTML pour transmettre la valeur dont nous avons besoin. Mode d'emploi :

(1) Définir l'identifiant de données

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

(2) : Obtenir la valeur + passer la valeur

playTap:function(e) {
    const dataset = e.currentTarget.dataset;
    wx.navigateTo({
     url: '../play/index?id='+ dataset.id
    })
    console.log(dataset.id);
  }

(3) : Obtenir la valeur

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

data -Remarque : le nom data- ne peut pas avoir de lettres majuscules. Une fois, j'ai trouvé cette erreur après une longue recherche car il avait une lettre majuscule. Les objets ne peuvent pas être stockés dans les attributs data-*

2 : Définir l'identifiant. Identificateur de méthode pour transmettre la valeur

Instructions d'utilisation :

(1) Définir l'identifiant

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

(2) Obtenir la valeur

Récupérez la valeur de l'identifiant défini via e.currentTarget.id, puis transmettez la valeur en définissant l'objet global

3 : Ajouter la valeur du paramètre en passant dans le navigateur

Instructions d'utilisation

(1) Passage de valeur : Splice après l'attribut du navigateur url?id (nom du paramètre) = la valeur à transmettre (si plusieurs paramètres sont séparés par & &name=value&…….)

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

(2) Valeur :

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

2 : Encapsulation des demandes de données

1 Mettez toutes les

interfaces dans un fichier js unifié et exportez

2 : Créer une méthode pour encapsuler les données de la requête dans app.js

const api = {
  interface1: 'https://........',
   interface2: 'https://.......',
   interface3: 'https://....',
   .....
}
module.exports = api;

3 : Appeler la méthode encapsulée pour demander les données dans la sous-page

fetch(url,data, callback) {
   wx.request({
     url,
     data: data,
     header: {
       'Content-Type': 'application/json'
     },
     success(res) {
       callback(null, res.data);
     },
     fail(e) {
       callback(e);
     }
   })
 },

Trois : Utiliser des modèles (j'ai découvert que les modèles sont une si bonne chose !)

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

1 : Définir le modèle : nom définir le nom du modèle

2 : Utiliser template

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

Introduisez d'abord le modèle

puis utilisez le modèle is, puis écrivez le nom du modèle.. Pour transmettre des données, les données doivent être transmises

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

Quatre : Le tableau est plus facile à utiliser Les propriétés et méthodes de

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

Array.isArray() sont utilisées pour déterminer si une valeur est un tableau. Si c'est le cas, elle renvoie vrai, sinon elle renvoie faux. La valeur du tableau ou non-tableau est combinée avec le tableau d'origine pour former un nouveau tableau et renvoyée. La méthode

forEach() exécute la fonction fournie (fonction de rappel) une fois pour chaque élément du tableau. La méthode join() joint tous les éléments du tableau en une chaîne. La méthode

keys() renvoie un itérateur d'indices de tableau.

La méthode map() renvoie un nouveau tableau composé de la valeur de retour de chaque élément du tableau d'origine après avoir appelé une méthode spécifiée.

La méthode pop() supprime le dernier élément d'un élément du tableau et renvoie cet élément.

La méthode push() ajoute un ou plusieurs éléments à la fin du tableau et renvoie la nouvelle longueur du tableau (valeur de l'attribut length).

toString() renvoie une chaîne représentant le tableau spécifié et ses éléments.

Cinq : Méthodes courantes de l'objet

1 Méthode d'initialisation

2 Méthode d'ajout d'éléments

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

3 Comment supprimer la clé

dic[“key”] = “value”;

4 Effacer toutes les entrées du mot

delete dic[“key”];

5 Supprimer

dic.clear();

6 méthodes pour afficher tous les attributs

delete dic;

Tous les noms de clés de l'objet sont des chaînes, donc sans guillemets ou sans Oui, si le nom de la clé est une valeur numérique, il sera automatiquement converti en chaîne. Cependant, si le nom de la clé ne remplit pas les conditions du nom d'identification (par exemple, le premier caractère est un nombre ou contient un espace). ou l'opérateur

), il le sera également. Si ce n'est pas un nombre, vous devez ajouter des guillemets, sinon une erreur sera signalée

Object.keys(obj);

7 Lire les attributs

Remarque : L'opérateur point ne peut pas être utilisé pour les noms de touches numériques (car il sera traité comme un point décimal), seul l'opérateur crochet peut être utilisé.

8 Vérifier si la variable

obj.name || obj['name']

est déclarée

9 L'opérateur in est utilisé pour vérifier si l'objet contient un certain attribut, et renvoie true si c'est le cas, sinon return false

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

10 pour… dans

La boucle

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

est utilisée pour parcourir toutes les propriétés d'un objet

11 avec instruction

Fonction : Offre une certaine commodité d'écriture lors de l'utilisation de plusieurs propriétés du même objet

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

est équivalent à

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!