Résumé de l'expérience de développement de programmes WeChat Mini

高洛峰
Libérer: 2017-03-22 15:47:09
original
1286 Les gens l'ont consulté

Le temps d'étude n'est pas court. Aujourd'hui, l'entreprise ne fera pas d'heures supplémentaires pour résumer mon expérience de développement. Ce qui suit est un résumé que je pense très important. Je l'ai écrit pour pouvoir m'en souvenir plus clairement. en même temps, j'espère que cela pourra aider ceux qui en ont besoin


1 : Méthode de transfert de valeur de paramètre

1 : data-id

Nous pouvons ajouter des données. -* attributs aux éléments HTML pour transmettre ce dont nous avons besoin Valeur, instructions d'utilisation :
(1) Set data-id

(2) : Obtenir la valeur + 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) {

//Page initialisation

this. setData({

) currentId:param.id

})

}

?


data-* Notes : les noms data-* ne peuvent pas avoir de lettres majuscules. J'ai trouvé une fois cette erreur après avoir longtemps cherché à cause d'une lettre majuscule. Les objets ne peuvent pas être stockés dans les attributs data-*

2 : Paramètres Utilisez l'identifiant de méthode de l'identifiant pour transmettre la valeur

Instructions d'utilisation :

(1) Définir l'identifiant

(2) Value

Obtenez la valeur de l'identifiant défini via e.currentTarget.id, puis transmettez la valeur en définissant le paramètre global objet

3 : Ajouter le transfert de valeur du paramètre dans le navigateur
Instructions d'utilisation
(1) Transfert de valeur : Splice ?id (nom du paramètre) après l'url de l'attribut du navigateur = la valeur à être transféré (s'il y a plusieurs paramètres, utilisez & Separate &name=value&.....)

(2) Valeur :

onLoad (params){

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

})

}

2 : Encapsulation de la demande de données

1. un fichier js unifié et Export

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) {

rappel (null, res.data)

},

FAIL (E) {

                                                                                                                        

🎜>

importer l'API depuis "../../api/api.js";

const app = getApp();

const conf = {

data :{

titre : 'Chargement...',

chargement :true

},

onLoad (){

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

})

},

Trois : utiliser des modèles (j'ai trouvé que les modèles sont tellement une bonne chose !)

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

Définir le modèle

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

puis utilisez le modèle est puis écrivez le nom du modèle.. via les données La transmission doit être des données

Quatre : Array Attributs et méthodes plus faciles à utiliser

La méthode Array.isArray() est utilisée pour déterminer si une valeur est un tableau. Si c'est le cas, renvoyez vrai, sinon renvoyez 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() associe la méthode


concat(). array La fonction fournie (fonction de rappel) est exécutée une fois pour chaque élément. 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() en supprime une. dernier é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

var obj = [];

var obj = new obj();

var obj = Object.create(null);

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

dic["key"] = "value";

3 Méthode de suppression de clé

supprimer dic[« clé »];

4 Effacer toutes les entrées du mot


dic.clear();

5 Supprimer


delete dic;

6 Méthode pour afficher tous les attributs

Object.keys(obj);


Tous les noms de clés de l'objet sont des chaînes, donc ils ne peut pas être ajouté Vous pouvez ajouter des guillemets. 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 des espaces ou des opérateurs), ce n'est pas un nombre. Vous devez ajouter des guillemets, sinon une erreur sera signalée

6 Lire l'attribut

obj.name || obj['name']


Remarque : Nom de la clé numérique L'opérateur point ne peut pas être utilisé (car il sera traité comme un point décimal), seul l'opérateur crochet peut être utilisé.

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

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

8 dans l'opérateur est utilisé pour vérifier si l'objet contient un certain attribut, si c'est le cas il renvoie vrai, sinon il renvoie faux


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

9 pour … in loop
Utilisé pour parcourir toutes les propriétés d'un objet

for (var i in obj) {

console.log(obj);
}

10 avec instructionFonction : offre une certaine commodité d'écriture lors de l'utilisation de plusieurs attributs du même objet

with(obj) {
name1 = 1;
name2 = 2;
}

est équivalent à

obj.name1 = 1;
obj .name2 = 2;

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