Introduction aux mini-programmes WeChat

一个新手
Libérer: 2017-09-20 09:10:40
original
2383 Les gens l'ont consulté

Points de connaissances de base

Trois fichiers importants : app.js, app.json, app.wxss

app.js     可以监听并处理小程序的生命周期函数、声明全局变量
app.json     小程序全局配置,在该文件中配置小程序由哪些页面组成、配置小程序窗口背景色、导航条样式、默认标题等
Copier après la connexion

Remarque : N'ajoutez aucun commentaire

Chaque chemin de page + nom de page dans l'applet WeChat doit être écrit dans l'attribut pages de app.json, et la première page dans pages A page est la page d'accueil d'un mini programme

Chaque page de mini programme se compose de quatre fichiers de suffixes différents portant le même nom dans le même chemin, tels que : index.js, index.wxml, index .wxss, index.json

Les fichiers avec le suffixe .js sont des fichiers script, le suffixe .json est le fichier de configuration, le suffixe .wxss est la feuille de style. et le suffixe .wxml est Le fichier de structure de page

index.js peut surveiller et traiter les fonctions de cycle de vie de la page, obtenir des mini-instances de programme, déclarer et traiter des données, répondre à la page événements d'interaction, etc.

Pour permettre aux développeurs de réduire les éléments de configuration, les quatre fichiers décrivant la page doivent avoir le même chemin et le même nom de fichier

Application

getApp()     获取当前App实例
getCurrentPages()     获取当前页面栈
Copier après la connexion

Remarque : le framework ne s'exécute pas dans le navigateur, tel qu'un document, une fenêtre, etc. ne peut pas être utilisé

onLaunch     生命周期函数--监听小程序初始化(全局只触发一次)
onShow        生命周期函数--监听小程序显示
                         当小程序启动或从后台进入前台显示触发
onHide         生命周期函数--监听小程序隐藏
                         当小程序从前台进入后台会触发
onError        错误监听函数
Copier après la connexion

Lorsqu'une erreur de script se produit dans le mini-programme ou si l'appel de l'API échoue, il sera déclenché avec un message d'erreur

Les développeurs peuvent ajouter n'importe quelle fonction ou donnée à la valeur du paramètre Object, accessible avec ceci

Page

data     页面的初始数据
onLoad     生命周期函数--监听页面加载
onReady     生命周期函数--监听页面初次渲染完成
onShow     生命周期函数--监听页面显示
onHide     生命周期函数--监听页面隐藏
onUnload     生命周期函数--监听页面卸载
onPullDownRefresh     页面相关事件处理函数--监听用户下拉动作
onReachBottom     页面上拉触底事件处理函数
onShareAppMessage     用户点击右上角转发
onPageScroll     页面滚动触发事件处理函数
Copier après la connexion

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