Expérience originale dans le développement de mini-programmes WeChat

1 : Méthode de transmission des valeurs des paramètres

1 : data-id
Nous pouvons ajouter des attributs data-* aux éléments HTML pour transmettre les valeurs dont nous avons besoin, utilisation instructions :
(1)Définir l'identifiant de données

(2) : Obtenir la valeur et transmettre la valeur

playTap:function(e) {

const dataset = e.currentTarget.dataset;

wx.navigateTo({

url : '../play/index?id=' dataset.id

})

console.log(dataset.id);

}

(3) : Valeur

onLoad:function (param) {

//Initialisation de la page

this.setData({

currentId:param.id

})

}

data-Remarque : data-name ne peut pas avoir de lettres majuscules, après avoir recherché. Cela fait longtemps que j'ai trouvé cette erreur. Les objets ne peuvent pas être stockés dans les attributs data-*

2 : Définissez l'identifiant de méthode de l'identifiant pour transmettre la valeur
Instructions d'utilisation :
(1) Définir l'identifiant

(2) Valeur
Obtenez le paramètre via e.currentTarget.id La valeur de l'identifiant, puis passez la valeur en définissant l'objet global

3 : Ajouter des paramètres dans le navigateur pour transmettre la valeur
Instructions d'utilisation
(1) Passer la valeur : après le navigateur URL d'attribut Splice?id(nom du paramètre)=valeur à transmettre (si plusieurs paramètres sont séparés par & &name=value&....)

(2) Valeur :

onLoad (params){

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

})

}

2 : Encapsulation de la demande de données
1 . Mettez toutes les interfaces dans un fichier js unifié et exportez

const api = {

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

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

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

.... .

}

module.exports = api;

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

fetch(url,data , callback) {

wx.request({

url,

données : données,

en-tête : {

'Content -Type' : 'application/json'

},

succès(res) {

callback(null, res.data);

} ,

échec(e ) {

callback(e);

}

})

},

3 : Appelez la méthode encapsulée dans le sous-page pour demander des données

API d'importation depuis "../../api/api.js";

const app = getApp();

const conf = {

données :{

titre : 'Chargement...',

chargement :true

},

onLoad (){

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

})

},

Trois : Utiliser des modèles (j'ai trouvé que les modèles sont une si bonne chose !)
1 : Définir le modèle : nom Définir le nom du modèle

Définir le modèle

2 : Utilisez des modèles
Introduisez d'abord le modèle

Ensuite, utilisez le modèle et écrivez le nom du modèle.. Transmettez les données requises via data

Quatre : propriétés et méthodes les plus utiles du tableau
La méthode Array.isArray() est utilisée pour déterminer si une valeur est un tableau. Si c'est le cas, renvoie vrai, sinon renvoie faux. La méthode
concat() combine le tableau entrant ou la valeur non-tableau avec le tableau d'origine pour former un nouveau tableau et le renvoie. 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 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

var obj = [];

var obj = new obj();

var obj = Object.create(null);

2 Comment ajouter des éléments

dic["key"] = "value";

3 Comment supprimer une clé

supprimer dic[« clé »];

4 Effacer toutes les entrées du mot

dic.clear();

5 Supprimer

delete dic;

6 méthodes pour afficher tous les attributs

Object.keys(obj);

Tous les noms de clés de l'objet sont des chaînes, donc sans guillemets Oui , si le nom de clé est une valeur numérique, il sera automatiquement converti en chaîne. Cependant, si le nom de clé ne remplit pas les conditions du nom d'identification (par exemple, le premier caractère est un nombre, ou contient des espaces ou des opérateurs. ), et ce n'est pas un nombre, vous devez ajouter des guillemets, sinon une erreur sera signalée

6 Lire les attributs

obj.name ||

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

7 Vérifier si la variable est déclarée

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

8 L'opérateur in est utilisé pour vérifier si l'objet contient Si un certain attribut est inclus, il renvoie vrai, sinon il renvoie faux

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

9 for … in Loop

est utilisé pour parcourir un objet Tous les attributs

for (var i in obj) {

console.log(obj);

}

10 with instruction

fonctions : Lors de l'utilisation de plusieurs attributs du même objet, certaines commodités d'écriture sont fournies

with(obj) {

name1 = 1;

name2 = 2;

}

est équivalent à

obj.name1 = 1;

obj.name2 = 2;

Plus original expérience dans le développement d'applets WeChat Pour les articles connexes, veuillez faire attention au site Web PHP chinois !