微信程序开发入门

一、小程序开发结构介绍

1.一个小程序页面由四个文件组成,分别是:

2.整个小程序只有一个 App 实例,是全部页面共享的。开发者可以通过 getApp 方法获取到全局唯一的 App 实例,获取App上的数据或调用开发者注册在 App 上的函数。

3.生命周期

onLaunch() { console.log("初始化") }, onShow (options) { console.log("开始显示") }, onHide () {//界面切开被隐藏 console.log("onHide") }, onError (msg) {//报错 console.log(msg) },

二、标签介绍

view标签相当于div 占一行 是块状元素

text相当于行内的div 是行内元素

三、存取值

在对应的js里面定义

在页面中用{ {}}的形式显示数据

页面效果

点击可跳转页面

数组定义:

for-index表示下标,key表示作为键

条件渲染

页面效果

要在{ {}}中渲染,否则都为true,包括三元运算符

经验分享 程序员 微信小程序 职场和发展