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

PHPz
Libérer: 2017-04-02 16:37:05
original
1404 Les gens l'ont consulté

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}}">
Copier après la connexion
(2) : Obtenir la valeur + passer la valeur

playTap:function(e) {
    const dataset = e.currentTarget.dataset;
    wx.navigateTo({
     url: &#39;../play/index?id=&#39;+ dataset.id
    })
    console.log(dataset.id);
  }
Copier après la connexion
(3) : Obtenir la valeur

onLoad:function (param) {
  //页面初始化
    this.setData({
      currentId:param.id
    })
}
Copier après la connexion
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}}">
Copier après la connexion
(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}}">
Copier après la connexion
(2) Valeur :

onLoad (params){
    app.fetch(API.detail + params.id,(err,data) => {
    })
  }
Copier après la connexion
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: &#39;https://........&#39;,
   interface2: &#39;https://.......&#39;,
   interface3: &#39;https://....&#39;,
   .....
}
module.exports = api;
Copier après la connexion

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: {
       &#39;Content-Type&#39;: &#39;application/json&#39;
     },
     success(res) {
       callback(null, res.data);
     },
     fail(e) {
       callback(e);
     }
   })
 },
Copier après la connexion

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:&#39;正在拼命加载中...&#39;,
    loadding:true
  },
  onLoad (){
    app.fetch(API.hot,{},(err,data) => {
    })
  }
Copier après la connexion

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>
Copier après la connexion

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" />
Copier après la connexion

Quatre : Le tableau est plus facile à utiliser Les propriétés et méthodes de
<template is="homecell" data="{{item}}"></template>
Copier après la connexion

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);
Copier après la connexion

3 Comment supprimer la clé

dic[“key”] = “value”;
Copier après la connexion

4 Effacer toutes les entrées du mot

delete dic[“key”];
Copier après la connexion

5 Supprimer

dic.clear();
Copier après la connexion

6 méthodes pour afficher tous les attributs

delete dic;
Copier après la connexion

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);
Copier après la connexion

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[&#39;name&#39;]
Copier après la connexion

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[&#39;name&#39;])
Copier après la connexion

10 pour… dans

La boucle

if ( ‘x&#39; in obj) {return 1}
Copier après la connexion

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);
}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal