第二章 微信小程序开发基础总结

【小程序的基本目录结构】

【主体文件】：

        app.js  小程序逻辑文件，主要用来注册小程序全局实例。

        app.json 小程序公共设置文件，配置小程序全局设置。

        app.wxss 小程序主样式表文件。

        

【页面文件】:

        .js文件 页面逻辑文件，在该文件中编写JavaScript代码控制页面逻辑。

        .wxml文件 页面结构文件，用于设计页面的布局、数据绑定等。

        .wxss文件 页面样式表文件，用于定义本页面中用到的各类样式表。

        .json文件 页面配置文件。

【小程序的开发框架】

【小程序MINA框架示意】：

【项目中各文件的代码内容】

文件名	代码内容
app.js	空
app.json	{"pages":["pages/index/index"]}
app.wxss	空
index.js	page({ })
index.json	{ }
index.wxml	欢迎学习小程序，实现大梦想
index.wxss	空

【配置文件】

【全局配置项】：

【window配置项及其描述】

【taBar配置项及其描述】

【taBar中list选项】

【networkTimeout配置项】

【逻辑层文件】

【项目逻辑文件配置项】

【页面逻辑文件配置项】

【定义当前页面的生命周期函数】

在 Page（）函数的参数中，可以定义当前页面的生命周期函数。页面的生命周期函数主要有onLoad、onShow、onReady、onHide、onUnload。

1. onLoad 页面加载函数。当页面加载完成后调用该函数。一个页面只会调用一次。

2. onShow 页面显示函数。当页面显示时调用该函数。每次打开页面都会调用一次。

3. onReady 页面数据绑定函数。当页面初次数据绑定完成时调用该函数。一个页面只会调用一次，代表页面已经准备就绪，可以和视图进行交互。

4. onHide 页面隐藏函数。当页面隐藏时及当 navigateTo 或小程序底部进行 tab 切换时，调用该函数。 

5.onUnload 页面卸载函数。当页面卸载、进行 navigateBack 或 redirectTo 操作时，调用该函数。

【页面程序】

【执行代码】

Page({
  //页面的初始数据
  data:{
    name:'学生党',
    age:10,
    birthday:[{year:2014},{month:11},{date:11}],
    object:{hobby:'game'},
  students :[
    {nickname:"Tom", height:180, weight:150},
    {nickname:"Anne", height:169, weight:100}]
}
})

<view>姓名:{{name}}</view>
<view>年龄：{{age}}</view>
<view>出生日期：
  {{birthday[0].year}}年
  {{birthday[1].month}}月
  {{birthday[2].date}}日
</view>
<view>爱好：{{object.hobby}}</view>
<view>算术运算：{{age + num}}</view>
<view>逻辑运算：{{age == 40}}</view>
<view>三元运算：{{1==2 ? 3:4}}</view>
<template name="stu">
<view wx:for="{{students}}">
  <text>姓名：{{item.nickname}}</text>
  <text>身高：{{item.height}}</text>
  <text>体重：{{item.weight}}</text>
</view>
</template>
<template is="stu" data="{{students}}"></template>