微信小程序--逻辑层与界面层

61 })

1 // pages/demo/demo.js
2
3 //获取当前小程序对象实例
4 var app = getApp();
5 Page({
6
7 /**
8 * 页面的初始数据
9 /
10 data: {
11
12 },
13
14 /*
15 * 生命周期函数–监听页面加载
16 /
17 onLoad: function (options) {
18 app.foo();
19
20 },
21
22 /*
23 * 生命周期函数–监听页面初次渲染完成
24 /
25 onReady: function () {
26
27 },
28
29 /*
30 * 生命周期函数–监听页面显示
31 /
32 onShow: function () {
33 //在每次该界面唤醒时,获取当前页面的调用栈:
34 console.log(getCurrentPages());
35 console.log("当前调用栈中的页面数量: " + getCurrentPages());
36 console.log(getCurrentPages()[getCurrentPages().length - 1] == this);
37 },
38
39 /*
40 * 生命周期函数–监听页面隐藏
41 /
42 onHide: function () {
43
44 },
45
46 /*
47 * 生命周期函数–监听页面卸载
48 /
49 onUnload: function () {
50
51 },
52
53 /*
54 * 页面相关事件处理函数–监听用户下拉动作
55 /
56 onPullDownRefresh: function () {
57
58 },
59
60 /*
61 * 页面上拉触底事件的处理函数
62 /
63 onReachBottom: function () {
64
65 },
66
67 /*
68 * 用户点击右上角分享
69 */
70 onShareAppMessage: function () {
71
72 }
73 })

三.界面层–数据绑定

在程序的开发过程中,界面层提供一种模板机制,可以借助一种特殊的语法来完成数据的绑定,将动态的数据绑定到模板当中,最近将嵌入过后的数据显示到界面中,小程序中使用的是Mustache 语法（双大括号）语法:

1
2
3
7
8 { { message }}
9 { { person.name }} : { { person.age }}
10

1 // pages/demo/demo.js
2
3 Page({
4 //为页面提供数据,界面和逻辑之间的桥梁
5 data:{
6 message:“hello world”,
7 person:{
8 name: “张三”,
9 age:25
10 }
11 }
12 })

–数据绑定语法补充,除了在页面标签的内部我们会使用Mustache语法进行输出,在标签的内部,我们也可以使用Mustache语法:

1