第三章 小程序框架：本章设计了10个案例，演示了小程序的基本架构、执行顺序、数据及事件绑定、模块化、条件渲染、列表渲染、模板以及引用文件等基本方法和技巧。3.1案例301-小程序的基本架构:创建一个包含：首页、教学、科研、资讯和关于我们5个标签的小程序，每个标签都有对应的页面、图标和标签文字，点击某个标签的图标或文字都将切换到对应的页面，同时该标签的图标和文字颜色会发生相应的变化，页面的标题也发生相应的变化，而其他标签则变为非选中状态。通过本案例，掌握微信小程序整体配置和页面配置方法。[单选题]window属性用于设置小程序的状态栏、导航栏、标题、窗口背景色。其中（ ）用于设置导航栏标题文字内容。选项:[navigationBarBackgroundColor, navigationBarTitleText, navigationStyle, navigationBarTextStyle]
3.2案例302-小程序的执行顺序:测试小程序各个页面和函数的执行顺序。通过本案例，掌握小程序调试窗口内容显示方法、 注册小程序函数App(Object object)的使用方法、 注册页面函数Page(Object object) 的使用方法、 小程序的执行顺序。
3.3案例303-数据及事件绑定:编写一个小程序，实现数据和事件的绑定。数据绑定包括：算术运算绑定、对象绑定和数组绑定，并通过点击按钮事件修改绑定的数据。通过本案例，掌握算术运算、对象和数组绑定的实现方法、事件绑定的实现方法。
3.4案例304-变量和函数的作用域及模块化:设计一个小程序，在index.js文件中调用app.js文件、index.js文件和util.js文件中定义的变量和函数，从而实现对全局变量和函数、本文件定义的变量和函数以及其他模块中定义的变量和函数的引用。通过本案例，掌握全局变量和函数的引用方法、其他模块中定义的变量和函数的引用方法、本模块中定义的变量和函数的引用方法。
3.5案例305-条件渲染:编写一个利用wx:if条件渲染实现颜色显示的小程序。将wx:if放在view中实现如下功能：当逻辑层js文件传递给视图层wxml文件的颜色color的值为red、green、blue或其他颜色时，窗口将显示颜色的名称，并在名称下方显示这种颜色的颜色条；将wx:if放在block中实现如下功能：当给定的一个数值大于10时，将在窗口下方显示红、绿、蓝三种颜色条，否则将不显示。通过本案例，掌握使用 if={{condition}} 来判断是否需要渲染代码块的方法、使用 标签将多个组件包装起来，并在上边使用wx:if 控制属性的实现方法。
3.6案例306-成绩等级计算器:编写一个小程序，输入成绩后显示成绩等级，如果输入成绩大于100或者小于0，则显示成绩输入有误的提示。通过本案例，掌握多级条件渲染wx:if的使用方法。
3.7案例307-列表渲染:编写一个小程序，利用wx:for实现对绑定数组、直接数组、对象以及字符串的列表渲染，利用wx:for-index和wx:for-item实现对index和item的重命名，在block标签中使用wx:for实现对多节点结构块的渲染。通过本案例，掌握利用wx:for对数组、对象和字符串进行列表渲染的方法、利用wx:for-index和wx:for-item修改数组默认下标index和默认数组元素item的方法。
3.8案例308-九九乘法表:编写一个小程序，综合运用wx:if条件渲染和wx:for列表渲染在视图层打印一个九九乘法表。通过本案例，掌握自定义模拟器尺寸的方法、 双重wx:for列表渲染的应用、inline-block样式的应用方法。
3.9案例309-模板的定义及引用:编写一个小程序，首先定义1个模板，其中包含1个学生的姓名、年龄和性别等信息，然后使用该模板创建3个学生。通过本案例，掌握模板的使用方法、模板的定义方法、模板的引用方法。
3.10案例310-利用include引用文件:编写一个小程序，在项目中添加文件header.wxml和footer.wxml，然后在index.wxml文件中利用include引用header.wxml和footer.wxml，作为index页面的头部和尾部内容。通过本案例，掌握实现组件水平均匀分布的方法、 利用include引用文件的方法。
[单选题]tabBar用来配置小程序底部的Tab，它的属性（ ）是tab 的列表，最少2个、最多5个 tab。选项:[list, color, selectedColor, borderStyle]
[单选题]（ ）文件用来对微信小程序进行全局配置。选项:[index.js, app.json, index.json, app.js]
[单选题]可以将 wx:for 用在（ ）标签上，以渲染一个包含多节点的结构块。选项:[block, view, canvas, image]
[单选题]以下代码：
的输出结果为（ ）选项:[view1和view2, view2, 没有输出, view1]
[单选题]在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。数组当前项的下标变量名默认为（ ）选项:[j, item, i, index]
[判断题]setData() 函数同步将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。（）选项:[错, 对]
[判断题]require(path)的参数path可以为文件相对路径，也可以为文件绝对路径（ ）选项:[错, 对]
[单选题]以下代码：
var x=10; //语句1
Page({
var y=20; //语句2
onLoad: function(options) {
this.x=20; //语句3
},
y=30; //语句4
})
以上语句中正确的是（ ）选项:[语句4, 语句2, 语句1, 语句3]
[单选题]window属性用于设置小程序的状态栏、导航栏、标题、窗口背景色。其中（ ）用于设置导航栏背景颜色。选项:[navigationBarTitleText, navigationBarBackgroundColor, navigationBarTextStyle, navigationStyle]
[单选题]小程序运行后，执行的第一个生命周期函数是app.js文件中的（）函数。选项:[onShow, onLoad, onLaunch, onReady]
[单选题]在index.js中所有函数之外定义的变量x，在本文件的Page函数中的引用方式为（ ）选项:[app.x, x, that.x, this.x]
[单选题]小程序中的App(Object object)函数用于（ ）选项:[页面注销, 小程序注销, 页面注册, 小程序注册]
[判断题]小程序运行后，页面index.js中的函数先执行onReady函数，然后再执行onShow函数（）选项:[错, 对]
[判断题]当jiaoxue页面显示时点击“切后台”按钮，首先执行jiaoxue.js文件中的onHide函数，然后再执行app.js文件中的onHide函数。（ ）选项:[错, 对]
[单选题]监听页面初次渲染完成的回调函数是（ ）选项:[onReady, onHide, onShow, onLoad]
[单选题]tabBar的属性list数组对象属性（ ）表示选中时的图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px，不支持网络图片。选项:[text, selectedIconPath, pagePath, iconPath]
[判断题]事件是视图层到逻辑层的通讯方式，它可以将用户的行为反馈到视图层进行处理。（）选项:[对, 错]
[判断题]所有绑定的数据都必须在data中进行初始化（ ）选项:[对, 错]
[单选题]在wx:for中，使用 （）可以指定数组当前元素的变量名。选项:[wx:for-index, wx:for-j, wx:for-item, wx:for-i]
温馨提示支付 ￥1.00 元后可查看付费内容,请先翻页预览!
