MOOC 移动互联网开发与应用(北京信息科技大学)1450311439 最新慕课完整章节测试答案
第1周 初识微信小程序
文章目录
1.1 随堂测验-注册小程序账号
1、单选题：
注册微信小程序账号时的网址是（ ）
选项：
A: http://www.weixin.qq.com
B: http://mp.weixin.qq.com
C: http://ap.weixin.qq.com
D: http://xcx.weixin.qq.com
答案: 【 http://mp.weixin.qq.com】
2、单选题：
查看AppID的位置是在“开发”项目中的：（ ）
选项：
A: 运维中心
B: 开发设置
C: 开发者工具
D: 接口设置
答案: 【 开发设置】
3、判断题：
可以使用已有的微信订阅号账号作为微信小程序的账号
选项：
A: 正确
B: 错误
答案: 【 错误】
4、判断题：
AppID不是开发小程序所必需的
选项：
A: 正确
B: 错误
答案: 【 正确】
5、判断题：
发布微信小程序时必须有AppID
选项：
A: 正确
B: 错误
答案: 【 正确】
6、判断题：
有了AppID就可以发布微信小程序了
选项：
A: 正确
B: 错误
答案: 【 错误】
1.2 随堂测验-EX101-第一个微信小程序
1、单选题：
编写小程序代码是在微信开发者工具的（ ）窗口中进行的？
选项：
A: 模拟器
B: 编辑器
C: 调试器
D: Console面板
答案: 【 编辑器】
2、单选题：
编译小程序时，既可以通过“编译”按钮来实现，还可以通过（ ）快捷键来实现？
选项：
A: Ctrl + A
B: Ctrl + C
C: Ctrl + S
D: Ctrl + V
答案: 【 Ctrl + S】
3、单选题：
在真机上查看小程序运行结果时，需要点击（ ）按钮显示二维码，通过微信扫描二维码来查看？
选项：
A: 编译
B: 预览
C: 真机调试
D: 切后台
答案: 【 预览】
4、单选题：
一个小程序页面一般包含4个文件，其中逻辑层文件是（ ）。
选项：
A: WXML
B: WXSS
C: JS
D: JSON
答案: 【 JS】
5、单选题：
小程序编译出现错误信息时，该信息一般都显示在（ ）面板？
选项：
A: Console
B: Sources
C: Network
D: Security
答案: 【 Console】
6、单选题：
在微信开发者工具的（ ）菜单中可以找到“开发者文档”的菜单项？
选项：
A: 文件
B: 工具
C: 界面
D: 微信开发者工具
答案: 【 微信开发者工具】
1.3 随堂测验-EX201-字体样式的设置
1、单选题：
在WXML文件中，通过（ ）属性直接设置组件样式。
选项：
A: style
B: class
C: import
D: include
答案: 【 style】
2、单选题：
在WXML文件中，通过（ ）属性引用在WXSS文件中定义的样式。
选项：
A: style
B: class
C: import
D: include
答案: 【 class】
3、单选题：
在小程序中，index页面样式在（ ）文件中定义。
选项：
A: index.json
B: index.wxss
C: index.wxml
D: index.js
答案: 【 index.wxss】
4、单选题：
在index.wxml中除了引用在index.wxss中定义的样式外，还可以引用在（ ）文件中定义的全局样式。
选项：
A: app.json
B: app.wxss
C: app.wxml
D: app.js
答案: 【 app.wxss】
5、单选题：
在微信小程序中，利用（ ）属性设置字体类型。
选项：
A: font-family
B: font-style
C: font-weight
D: a) font-size
答案: 【 font-family】
6、单选题：
在微信小程序中，利用（ ）属性设置字体大小。
选项：
A: font-family
B: font-style
C: font-weight
D: font-size
答案: 【 font-size】
7、单选题：
在微信小程序中，利用（ ）属性设置字体加粗。
选项：
A: font-family
B: font-style
C: font-weight
D: font-size
答案: 【 font-weight】
8、单选题：
在微信小程序中，利用（ ）属性设置字体倾斜
选项：
A: font-family
B: font-style
C: font-weight
D: font-size
答案: 【 font-style】
1.4 随堂测试-EX202-文本样式设置
1、单选题：
在微信小程序中，利用（ ）属性设置首行缩进
选项：
A: color
B: text-align
C: text-indent
D: letter-spacing
答案: 【 text-indent】
2、单选题：
在微信小程序中，利用（ ）属性设置字符间距
选项：
A: color
B: text-align
C: text-indent
D: letter-spacing
答案: 【 letter-spacing】
3、单选题：
在微信小程序中，利用（ ）属性设置文本颜色。
选项：
A: color
B: text-align
C: text-indent
D: letter-spacing
答案: 【 color】
4、单选题：
在微信小程序中，利用（ ）属性设置文本水平对齐方式
选项：
A: color
B: text-align
C: text-indent
D: letter-spacing
答案: 【 text-align】
5、单选题：
在微信小程序中，利用（ ）属性设置单词间距。
选项：
A: word-spacing
B: white-space
C: text-decoration
D: text-decoration-color
答案: 【 word-spacing】
6、单选题：
在微信小程序中，利用（ ）属性设置文本下划线。
选项：
A: word-spacing
B: white-space
C: text-decoration
D: text-decoration-color
答案: 【 text-decoration】
7、单选题：
在微信小程序中，利用（ ）属性设置文本下划线的颜色。
选项：
A: word-spacing
B: white-space
C: text-decoration
D: text-decoration-color
答案: 【 text-decoration-color】
8、单选题：
（ ）是3位16进制颜色值的表示方法。
选项：
A: rgba()
B: #f9h
C: #f0a
D: #fa029e
答案: 【 #f0a】
9、单选题：
颜色函数rgb(red, green, blue)的参数green表示（ ）
选项：
A: 红色
B: 绿色
C: 蓝色
D: 透明度
答案: 【 绿色】
10、单选题：
颜色函数rgba(red, green, blue, alpha)的参数alpha表示（ ）
选项：
A: 红色
B: 绿色
C: 蓝色
D: 透明度
答案: 【 透明度】
1.5 随堂测试-EX203-图片与声音
1、单选题：
（ ）组件用来设置图片
选项：
A: video
B: audio
C: image
D: view
答案: 【 image】
2、单选题：
image组件支持JPG、PNG、SVG格式，用（ ）属性指定图片的路径。
选项：
A: source
B: src
C: width
D: height
答案: 【 src】
3、单选题：
image组件的src属性值既可以在WXML文件中直接给出，也可以通过数据绑定的方式在JS文件中给（）
选项：
A: 正确
B: 错误
C:
D:
答案: 【 正确】
4、单选题：
API函数wx.createInnerAudioContext()用于创建（ ）对象
选项：
A: 视频上下文
B: 音频上下文
C: 动画上下文
D: 图形上下文
答案: 【 音频上下文】
5、单选题：
使用音频时，首先要利用API函数wx.createInnerAudioContext()创建音频上下文，然后设置该上下文的源文件src，并利用（ ）函数播放音频。
选项：
A: pause()
B: stop()
C: play()
D: seek()
答案: 【 play()】
6、单选题：
WXML文件中的动态数据通过（ ）符号与JS文件中的数据进行绑定，这样JS中的数据就可以传给WXML文件。
选项：
A: {}
B: {{}}
C: ‘’
D: “”
答案: 【 {{}}】
7、单选题：
数据绑定的数据传递方向是（ b ）
选项：
A: 双向的
B: 单向的
C: 不确定
D:
答案: 【 单向的】
8、单选题：
在WXML中绑定的数据，需要通过JS文件中的页面注册函数Page()的对象参数属性（ ）进行初始化。
选项：
A: data
B: date
C: bindtap
D: tapCat
答案: 【 data】
9、单选题：
对象属性的赋值是通过（ ）符号来实现的。
选项：
A: =
B: ：
C: ；
D: ==
答案: 【 ：】
10、单选题：
事件绑定时，在WXML文件组件标签内利用“bind…=函数名”绑定组件事件与函数，并在（ ）文件中定义该事件函数。
选项：
A: WXML
B: WXSS
C: JS
D: JSON
答案: 【 JS】
11、单选题：
定义事件函数时，使用的关键词是（ ）
选项：
A: hanshu
B: function
C: func
D: other
答案: 【 function】
12、单选题：
事件绑定实现了信息由视图层到（ ）层的传递
选项：
A: 逻辑层
B: 视图层
C: 配置层
D: 样式层
答案: 【 逻辑层】
第1周 单元测验
1、单选题：
注册微信小程序账号的网址是（ ）
选项：
A: https://www.weixin.qq.com
B: https://mp.weixin.qq.com
C: https://ap.weixin.qq.com
D: https://xcx.weixin.qq.com
答案: 【 https://mp.weixin.qq.com】
2、单选题：
查看AppID的位置是在“开发”项目中的（ ）
选项：
A: 运维中心
B: 开发设置
C: 开发者工具
D: 接口设置
答案: 【 开发设置】
3、单选题：
编写小程序代码是在微信开发者工具的（ ）窗口中进行的？
选项：
A: 模拟器
B: 编辑器
C: 调试器
D: 都不是
答案: 【 编辑器】
4、单选题：
默认情况下，编译小程序既可以通过“编译”按钮来实现，还可以通过（ ）来实现？
选项：
A: Ctrl + A
B: Ctrl + C
C: Ctrl + S
D: Ctrl + V
答案: 【 Ctrl + S】
5、单选题：
在真机上查看小程序运行结果时，需要点击（ ）按钮显示二维码，通过微信扫描二维码来查看？
选项：
A: 编译
B: 预览
C: 真机调试
D: 切后台
答案: 【 预览】
6、单选题：
一个小程序页面一般包含4个文件，其中逻辑层文件是（ ）
选项：
A: WXML
B: WXSS
C: JS
D: JSON
答案: 【 JS】
7、单选题：
在WXML文件中，通过（ ）属性直接设置组件的样式。
选项：
A: style
B: class
C: import
D: include
答案: 【 style】
8、单选题：
在WXML文件中，通过（ ）属性引用在WXSS文件中定义的样式。
选项：
A: style
B: class
C: import
D: include
答案: 【 class】
9、单选题：
在小程序中，index页面样式在（ ）文件中进行定义？
选项：
A: index.wxml
B: index.wxss
C: index.js
D: index.json
答案: 【 index.wxss】
10、单选题：
在index.wxml中，除了可以使用在index.wxss中定义的样式外，还可以使用在（ ）文件中定义的全局样式。
选项：
A: app.wxml
B: app.wxss
C: app.js
D: app.json
答案: 【 app.wxss】
11、单选题：
在微信小程序中，利用（ ）属性设置字体类型。
选项：
A: font-family
B: font-style
C: font-weight
D: font-size
答案: 【 font-family】
12、单选题：
在微信小程序中，利用（ ）属性设置字体大小?
选项：
A: font-family
B: font-style
C: font-weight
D: font-size
答案: 【 font-size】
13、单选题：
在微信小程序中，利用（ ）属性设置字体加粗。
选项：
A: font-family
B: font-style
C: font-weight
D: font-size
答案: 【 font-weight】
14、单选题：
在微信小程序中，利用（ ）属性设置字体倾斜。
选项：
A: font-family
B: font-style
C: font-weight
D: font-size
答案: 【 font-style】
15、单选题：
在微信小程序中，利用（ ）属性设置文本的首行缩进。
选项：
A: color
B: text-align
C: text-indent
D: letter-spacing
答案: 【 text-indent】
16、单选题：
在微信小程序中，利用（ ）属性设置字符间距。
选项：
A: color
B: text-align
C: text-indent
D: letter-spacing
答案: 【 letter-spacing】
17、单选题：
在微信小程序中，利用（ ）属性设置文本颜色。
选项：
A: color
B: text-align
C: text-indent
D: letter-spacing
答案: 【 color】
18、单选题：
在微信小程序中，利用（ ）属性设置文本水平对齐方式。
选项：
A: color
B: text-align
C: text-indent
D: letter-spacing
答案: 【 text-align】
19、单选题：
在微信小程序中，利用（ ）属性设置单词间距。
选项：
A: word-spacing
B: white-space
C: text-decoration
D: text-decoration-color
答案: 【 word-spacing】
20、单选题：
在微信小程序中，利用（ ）属性设置文本下划线。
选项：
A: word-spacing
B: white-space
C: text-decoration
D: text-decoration-color
答案: 【 text-decoration】
21、单选题：
在微信小程序中，利用（ ）属性设置文本下划线的颜色。
选项：
A: word-spacing
B: white-space
C: text-decoration
D: text-decoration-color
答案: 【 text-decoration-color】
22、单选题：
以下选项中，（ ）是3位16进制颜色值的表示方法。
选项：
A: rgba()
B: #f9h
C: #f0a
D: #fa029e
答案: 【 #f0a】
23、单选题：
函数rgb(red, green, blue)的参数green表示（ ）。
选项：
A: 红色
B: 绿色
C: 蓝色
D: 透明度
答案: 【 绿色】
24、单选题：
函数rgba(red, green, blue, alpha)的参数alpha表示（ ）
选项：
A: 红色
B: 绿色
C: 蓝色
D: 透明度
答案: 【 透明度】
25、单选题：
（ ）组件用来设置图片
选项：
A: video
B: audio
C: image
D: view
答案: 【 image】
26、单选题：
image组件用（ ）属性指定图片的路径。
选项：
A: source
B: sorce
C: src
D: size
答案: 【 src】
27、单选题：
API函数wx.createInnerAudioContext()用于创建（ ）对象
选项：
A: 视频上下文
B: 音频上下文
C: 动画上下文
D: 图形上下文
答案: 【 音频上下文】
28、单选题：
使用音频时，首先要利用API函数wx.createInnerAudioContext()创建音频上下文，然后设置该上下文的源文件src，并利用（ ）函数播放音频。
选项：
A: pause()
B: stop()
C: play()
D: seek()
答案: 【 play()】
29、单选题：
WXML文件中的动态数据通过（ ）符号与JS文件中的数据进行绑定，这样JS中的数据就可以传给WXML文件。
选项：
A: {}
B: {{}}
C: ''
D: ""
答案: 【 {{}}】
30、单选题：
在WXML中绑定的数据，需要通过JS文件中的页面注册函数Page()的对象参数属性（ ）进行初始化。
选项：
A: data
B: date
C: bindtap
D: bindchange
答案: 【 data】
31、单选题：
对象属性的赋值是通过（ ）符号来实现的。
选项：
A: =
B: :
C: ;
D: ==
答案: 【 :】
32、单选题：
事件绑定时，在WXML文件组件标签内利用“bind…=函数名”绑定组件事件与函数，并在（ ）文件中定义该事件函数。
选项：
A: WXML
B: WXSS
C: JS
D: JSON
答案: 【 JS】
33、单选题：
定义事件函数时，使用的关键词是（ ）
选项：
A: hanshu
B: func
C: function
D: introduction
答案: 【 function】
34、多选题：
image组件支持的图片格式包括（ ）
选项：
A: jpg
B: png
C: svg
D: bmp
答案: 【 jpg;
png;
svg】
35、判断题：
可以使用已有的微信订阅号账号作为微信小程序的账号（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
36、判断题：
AppID不是开发小程序所必需的（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
37、判断题：
发布微信小程序时必须有AppID（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
38、判断题：
有了AppID就可以发布微信小程序了（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
39、判断题：
image组件的src属性值既可以在WXML文件中直接给出，也可以通过数据绑定的方式在JS文件中给出（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
40、判断题：
数据绑定后，数据传递方向是双向的（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
41、判断题：
事件绑定实现了信息由逻辑层到视图层的传递（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
第2周 盒模型与页面布局
2.1 随堂测试-EX204-盒模型
1、单选题：
盒模型本质上是一个盒子，封装周围的WXML元素，包括：边距，边框，填充和实际内容。模型的（ ）属性用来设置边框的样式。
选项：
A: border-style
B: box model
C: padding
D: margin
答案: 【 border-style】
2、单选题：
边框样式属性（ ）用来设置点线边框。
选项：
A: solid
B: dotted
C: dashed
D: double
答案: 【 dotted】
3、单选题：
边框样式属性（ ）用来设置虚线边框。
选项：
A: solid
B: dotted
C: dashed
D: double
答案: 【 dashed】
4、单选题：
边框样式属性（ ）用来设置实线边框。
选项：
A: solid
B: dotted
C: dashed
D: double
答案: 【 solid】
5、单选题：
边框样式属性（ ）用来设置两个边框。
选项：
A: solid
B: dotted
C: dashed
D: double
答案: 【 double】
6、单选题：
边框样式属性（ ）用来设置边框宽度。
选项：
A: border-color
B: border-bottom
C: border-top
D: border-width
答案: 【 border-width】
7、单选题：
边框样式属性（ ）用于设置边框的颜色。
选项：
A: border-color
B: border-bottom
C: border-top
D: border-width
答案: 【 border-color】
8、单选题：
边框样式属性（ ）可以用于一次性设置边框的宽度、样式和颜色。
选项：
A: border-color
B: border-size
C: border
D: border-width
答案: 【 border】
9、单选题：
边框样式属性（ ）属性用于设置下边框样式。
选项：
A: border-color
B: border-bottom
C: border
D: border-width
答案: 【 border-bottom】
10、单选题：
盒模型中（ ）属性用来设置内边距。
选项：
A: margin
B: padding
C: margin-bottom
D: padding-left
答案: 【 padding】
11、单选题：
盒模型中（ ）属性用来设置外边距。
选项：
A: margin
B: padding
C: margin-bottom
D: padding-left
答案: 【 margin】
12、单选题：
当上面的模型的下边距为20px，下面模型的上边距为30px，两个模型之间的边距是（ ）？
选项：
A: 50px
B: 20px
C: 30px
D: 不确定
答案: 【 30px】
13、单选题：
代码：margin:10px 20px; 那么上下外边距是（）
选项：
A: 5px
B: 10px
C: 15px
D: 20px
答案: 【 10px】
14、单选题：
代码：margin:10px 20px;那么左右外边距是（）
选项：
A: 5px
B: 10px
C: 15px
D: 20px
答案: 【 20px】
15、单选题：
代码：margin:10px 20px 30px 40px; 那么左外边距是（）
选项：
A: 10px
B: 20px
C: 30px
D: 40px
答案: 【 40px】
2.2 随堂测试-EX205-flex页面布局
1、单选题：
采用Flex布局的元素称为Flex容器，又称（ ），简称“容器”。
选项：
A: cross axis
B: main axis
C: flex container
D: flex item
答案: 【 flex container】
2、单选题：
Flex容器的所有子元素自动成为容器成员，这些成员又称为（ ），简称“项目”。
选项：
A: cross axis
B: main axis
C: flex container
D: flex item
答案: 【 flex item】
3、单选题：
Flex容器默认存在两根轴：main axis和（ ）。
选项：
A: cross axis
B: flex axis
C: flex container
D: flex item
答案: 【 cross axis】
4、单选题：
Flex布局主轴的开始位置（与边框的交叉点）叫做（ ）
选项：
A: cross start
B: main start
C: cross end
D: main end
答案: 【 main start】
5、单选题：
Flex布局主轴的结束位置叫做（ ）
选项：
A: cross start
B: main start
C: cross end
D: main end
答案: 【 main end】
6、单选题：
Flex布局交叉轴的开始位置叫做（ ）
选项：
A: cross start
B: main start
C: cross end
D: main end
答案: 【 cross start】
7、单选题：
Flex布局交叉轴结束位置叫做（ ）。
选项：
A: cross start
B: main start
C: cross end
D: main end
答案: 【 cross end】
8、单选题：
Flex项目默认沿（ ）轴排列。
选项：
A: main axis
B: cross axis
C: X
D: Y
答案: 【 main axis】
9、单选题：
Flex布局中，单个项目占据的主轴空间叫做（ ）。
选项：
A: cross size
B: cross space
C: main size
D: main space
答案: 【 main size】
10、单选题：
Flex布局中，单个项目占据的交叉轴空间叫做（ ）。
选项：
A: cross size
B: cross space
C: main size
D: main space
答案: 【 cross size】
11、单选题：
Flex容器布局中，（ ）属性用于设置主轴的方向（即项目的排列方向）
选项：
A: align-items
B: flex-wrap
C: justify-content
D: flex-direction
答案: 【 flex-direction】
12、单选题：
Flex容器布局中，（ ）属性用于设置如果一条轴线排不下应如何换行。
选项：
A: align-items
B: flex-wrap
C: justify-content
D: flex-direction
答案: 【 flex-wrap】
13、单选题：
Flex容器布局中，（ ）属性用于设置项目在主轴上的对齐方式。
选项：
A: align-items
B: flex-wrap
C: justify-content
D: flex-direction
答案: 【 justify-content】
14、单选题：
Flex容器布局中，（ ）属性用于设置项目在交叉轴上的对齐方式。
选项：
A: align-items
B: flex-wrap
C: justify-content
D: flex-direction
答案: 【 align-items】
15、单选题：
Flex容器布局中，（ ）属性用于设置项目在交叉轴上有多根轴线时的对齐方式。
选项：
A: align-items
B: justify-content
C: flex-direction
D: align-content
答案: 【 align-content】
16、单选题：
Flex项目布局属性中，（ ）用于设置项目的前后排列顺序。
选项：
A: flex
B: flex-grow
C: order
D: flex-basis
答案: 【 order】
17、单选题：
Flex项目布局属性中，（ ）用于设置各项目宽度之和小于容器宽度时，各项目分配容器剩余宽度的放大比例。
选项：
A: flex-shrink
B: flex-grow
C: order
D: flex-basis
答案: 【 flex-grow】
18、单选题：
Flex项目布局中，（ ）属性用于设置各项目宽度之和大于容器宽度时，各项目缩小自己宽度的比例。
选项：
A: order
B: flex-basis
C: align-self
D: flex-shrink
答案: 【 flex-shrink】
19、单选题：
Flex项目布局中，（ ）属性用于设置元素宽度。
选项：
A: flex
B: flex-grow
C: order
D: flex-basis
答案: 【 flex-basis】
20、单选题：
Flex项目布局中，（ ）属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。
选项：
A: flex
B: flex-grow
C: flex-shrink
D: flex-basis
答案: 【 flex】
21、单选题：
Flex项目布局属性中，（ ）允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。
选项：
A: order
B: flex-basis
C: align-self
D: flex-shrink
答案: 【 align-self】
22、单选题：
当容器的（ ）属性值大于或等于height的属性值时，容器中的文本将垂直居中对齐。
选项：
A: line-height
B: height-line
C: size
D: width
答案: 【 line-height】
2.3 随堂测试-EX206-导航与布局
1、单选题：
（ ）组件能够实现页面导航。
选项：
A: navigator
B: view
C: button
D: image
答案: 【 navigator】
2、单选题：
如果设置一个容器组件中的两个项目一个在容器最左边，一个在容器最右边，应该设置左边项目的flex-grow属性或（ ）属性大于0。
选项：
A: align-self
B: order
C: flex
D: flex-shrink
答案: 【 flex】
3、单选题：
navigator组件的（ ）属性表示当前小程序内的跳转链接地址。
选项：
A: target
B: open-type
C: delta
D: url
答案: 【 url】
4、单选题：
navigator组件属性target的合法值包括（ ）和miniProgram。
选项：
A: self
B: other
C: redirect
D: switchTab
答案: 【 self】
5、单选题：
navigator组件属性open-type的合法值（ ）表示保留当前页面，跳转到应用内的某个页面。
选项：
A: switchTab
B: navigate
C: reLaunch
D: redirect
答案: 【 navigate】
6、单选题：
navigator组件属性open-type的合法值（ ）表示关闭当前页面，跳转到应用内的某个页面。
选项：
A: switchTab
B: navigate
C: reLaunch
D: redirect
答案: 【 redirect】
7、单选题：
navigator组件属性open-type的合法值（ ）表示跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
选项：
A: switchTab
B: navigate
C: reLaunch
D: redirect
答案: 【 switchTab】
8、单选题：
navigator组件属性open-type的合法值（ ）表示关闭所有页面，打开应用内的某个页面。
选项：
A: switchTab
B: navigate
C: reLaunch
D: redirect
答案: 【 reLaunch】
9、单选题：
navigator组件属性open-type的合法值（ ）表示关闭当前页面，返回上一页面或多级页面。
选项：
A: switchTab
B: reLaunch
C: navigateBack
D: exit
答案: 【 navigateBack】
10、单选题：
navigator组件属性open-type的合法值（ ）表示当target="miniProgram"时，退出小程序。
选项：
A: switchTab
B: reLaunch
C: navigateBack
D: exit
答案: 【 exit】
11、单选题：
icon是小程序的图标组件，其类型是由（ ）属性来指定的。
选项：
A: type
B: size
C: color
D: class
答案: 【 type】
2.4 随堂测试-EX207-Float页面布局
1、单选题：
如果某组件的margin属性设置为margin: 10px 20px 30px 40px，表示该组件的外边距为（ ）
选项：
A: 上、下、左、右的边距分别为：10px 20px 30px 40px
B: 左、右、上、下的边距分别为：10px 20px 30px 40px
C: 上、右、下、左的边距分别为：10px 20px 30px 40px
D: 左、下、右、上的边距分别为：10px 20px 30px 40px
答案: 【 上、右、下、左的边距分别为：10px 20px 30px 40px】
2、单选题：
如果某组件的margin属性设置为margin: 10px 20px，表示该组件的外边距为（ ）
选项：
A: 上、下、左、右的边距分别为：10px 20px 10px 20px
B: 上、下、左、右的边距分别为：10px 10px 20px 20px
C: 上、下、左、右的边距分别为：10px 20px 20px 10px
D: 上、下、左、右的边距分别为：20px 10px 10px 20px
答案: 【 上、下、左、右的边距分别为：10px 10px 20px 20px】
3、单选题：
如果某组件的margin属性设置为margin: 10px，表示该组件的外边距为（ ）
选项：
A: 上、下、左、右的边距分别为：10px 0px 0px 0px
B: 上、下、左、右的边距分别为：10px 10px 0px 0px
C: 上、下、左、右的边距分别为：10px 10px 10px 0px
D: 上、下、左、右的边距分别为：10px 10px 10px 10px
答案: 【 上、下、左、右的边距分别为：10px 10px 10px 10px】
4、单选题：
如果某组件的margin属性设置为margin: 10px auto，表示该组件的外边距为（ ）
选项：
A: 上、下边距为10px，左右边距任意
B: 上、下边距为10px，左右边距相等
C: 上、下边距为10px，左右边距为0
D: 上、下边距为10px，左右边距等于上、下边距
答案: 【 上、下边距为10px，左右边距相等】
5、单选题：
float属性表示组件可以向左或向右移动浮动，直到它的外边缘碰到包含框或另一个浮动框的边框为止，其合法值（ ）表示组件向左浮动。
选项：
A: left
B: right
C: none
D: inherit
答案: 【 left】
6、单选题：
float属性表示组件可以向左或向右移动浮动，直到它的外边缘碰到包含框或另一个浮动框的边框为止，其默认值为（ ）。
选项：
A: left
B: right
C: none
D: inherit
答案: 【 none】
7、单选题：
float属性表示组件可以向左或向右移动浮动，直到它的外边缘碰到包含框或另一个浮动框的边框为止，其合法值（ ）表示组件从父元素继承 float 属性的值。
选项：
A: left
B: right
C: none
D: inherit
答案: 【 inherit】
8、单选题：
clear属性用于清除组件浮动。其合法值（ ）表示清除组件左右两侧的浮动元素。
选项：
A: left
B: right
C: both
D: none
答案: 【 both】
9、单选题：
clear属性用于清除组件浮动。其默认值为（ ）。
选项：
A: left
B: right
C: both
D: none
答案: 【 none】
10、单选题：
clear属性用于清除组件浮动。其合法值（ ）表示从父元素继承 clear 属性的值
选项：
A: left
B: right
C: both
D: inherit
答案: 【 inherit】
2.5 随堂测试-EX208-摄氏温度转华氏温度
1、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为输入框的初始内容。
选项：
A: value
B: type
C: password
D: placeholder
答案: 【 value】
2、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为输入框的类型，即输入框获得焦点时弹出的键盘类型。
选项：
A: value
B: type
C: password
D: placeholder
答案: 【 type】
3、单选题：
input输入框组件主要用于输入数据，其属性值（ ）表示输入框内容是否是密码类型。
选项：
A: value
B: type
C: password
D: placeholder
答案: 【 password】
4、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为输入框为空时的占位符，即提示内容。
选项：
A: value
B: type
C: password
D: placeholder
答案: 【 placeholder】
5、单选题：
input输入框组件主要用于输入数据，其属性值（ ）指定 placeholder 的样式。
选项：
A: placeholder-style
B: placeholder-class
C: bindinput
D: bindblur
答案: 【 placeholder-style】
6、单选题：
input输入框组件主要用于输入数据，其属性值（ ）指定 placeholder 的样式类。
选项：
A: placeholder-style
B: placeholder-class
C: bindinput
D: bindblur
答案: 【 placeholder-class】
7、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为最大输入长度，设置为 -1时不限制最大长度。
选项：
A: placeholder-style
B: maxlength
C: bindinput
D: bindblur
答案: 【 maxlength】
8、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为键盘输入时触发的事件。
选项：
A: placeholder-style
B: maxlength
C: bindinput
D: bindblur
答案: 【 bindinput】
9、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为输入框失去焦点时触发的事件。
选项：
A: placeholder-style
B: maxlength
C: bindinput
D: bindblur
答案: 【 bindblur】
10、单选题：
input输入框组件的type属性是指利用真机运行时，当在输入框中输入数据时，根据type属性指定的类型弹出来的键盘类型，而不是输入内容的类型。其有效值（ ）表示带小数点的数字键盘
选项：
A: text
B: number
C: idcard
D: digit
答案: 【 digit】
11、单选题：
当失去焦点事件e发生时，获取的input组件的value值为（ ）
选项：
A: e.detail.value
B: e.detail
C: e.value
D: detail.value
答案: 【 e.detail.value】
12、单选题：
input输入框组件主要用于输入数据，其属性（ ）决定该组件是否自动获得焦点。
选项：
A: focus
B: maxlength
C: bindinput
D: bindblur
答案: 【 focus】
第2周 单元测验
1、单选题：
盒模型本质上是一个盒子，封装周围的WXML元素，包括：边距，边框，填充和实际内容。模型的（ ）属性用来设置边框的样式。
选项：
A: border-style
B: box model
C: padding
D: margin
答案: 【 border-style】
2、单选题：
边框样式属性（ ）用来设置点线边框。
选项：
A: solid
B: dotted
C: dashed
D: double
答案: 【 dotted】
3、单选题：
边框样式属性（ ）用来设置虚线边框。
选项：
A: solid
B: dotted
C: dashed
D: double
答案: 【 dashed】
4、单选题：
边框样式属性（ ）用来设置实线边框。
选项：
A: solid
B: dotted
C: dashed
D: double
答案: 【 solid】
5、单选题：
边框样式属性（ ）用来设置两个边框。
选项：
A: solid
B: dotted
C: dashed
D: double
答案: 【 double】
6、单选题：
边框样式属性（ ）用来设置边框宽度。
选项：
A: border-color
B: border-bottom
C: border-top
D: border-width
答案: 【 border-width】
7、单选题：
边框样式属性（ ）用于设置边框的颜色。
选项：
A: border-color
B: border-bottom
C: border-top
D: border-width
答案: 【 border-color】
8、单选题：
边框样式属性（ ）可以用于一次性设置边框的宽度、样式和颜色。
选项：
A: border-color
B: border-size
C: border
D: border-width
答案: 【 border】
9、单选题：
边框样式属性（ ）属性用于设置下边框样式。
选项：
A: border-color
B: border-bottom
C: border
D: border-width
答案: 【 border-bottom】
10、单选题：
盒模型中（ ）属性用来设置内边距。
选项：
A: margin
B: padding
C: margin-bottom
D: padding-left
答案: 【 padding】
11、单选题：
盒模型中（ ）属性用来设置外边距。
选项：
A: margin
B: padding
C: margin-bottom
D: padding-left
答案: 【 margin】
12、单选题：
当上面的模型的下边距为20px，下面模型的上边距为30px，两个模型之间的边距是（ ）
选项：
A: 50px
B: 20px
C: 30px
D: 不确定
答案: 【 30px】
13、单选题：
代码：margin:10px 20px;那么上下外边距是（ ）
选项：
A: 5px
B: 10px
C: 15px
D: 20px
答案: 【 10px】
14、单选题：
代码：margin:10px 20px;那么左右外边距是（ ）
选项：
A: 5px
B: 10px
C: 15px
D: 20px
答案: 【 20px】
15、单选题：
代码：margin:10px 20px 30px 40px;那么左外边距是（ ）
选项：
A: 10px
B: 20px
C: 30px
D: 40px
答案: 【 40px】
16、单选题：
采用Flex布局的元素称为Flex容器，又称（ ），简称“容器”。
选项：
A: cross axis
B: main axis
C: flex container
D: flex item
答案: 【 flex container】
17、单选题：
Flex容器的所有子元素自动成为容器成员，这些成员又称为（ ），简称“项目”。
选项：
A: cross axis
B: main axis
C: flex container
D: flex item
答案: 【 flex item】
18、单选题：
Flex容器默认存在两根轴：main axis和（ ）。
选项：
A: cross axis
B: flex axis
C: flex container
D: flex item
答案: 【 cross axis】
19、单选题：
Flex布局主轴的开始位置（与边框的交叉点）叫做（ ）
选项：
A: cross start
B: main start
C: cross end
D: main end
答案: 【 main start】
20、单选题：
Flex布局主轴的结束位置叫做（ ）
选项：
A: cross start
B: main start
C: cross end
D: main end
答案: 【 main end】
21、单选题：
Flex布局交叉轴的开始位置叫做（ ）
选项：
A: cross start
B: main start
C: cross end
D: main end
答案: 【 cross start】
22、单选题：
Flex布局交叉轴结束位置叫做（ ）。
选项：
A: cross start
B: main start
C: cross end
D: main end
答案: 【 cross end】
23、单选题：
Flex项目默认沿（ ）轴排列。
选项：
A: main axis
B: cross axis
C: x
D: y
答案: 【 main axis】
24、单选题：
Flex布局中，单个项目占据的主轴空间叫做（ ）。
选项：
A: cross size
B: cross space
C: main size
D: main space
答案: 【 main size】
25、单选题：
Flex布局中，单个项目占据的交叉轴空间叫做（ ）。
选项：
A: cross size
B: cross space
C: main size
D: main space
答案: 【 cross size】
26、单选题：
Flex容器布局中，（ ）属性用于设置主轴的方向（即项目的排列方向）
选项：
A: align-items
B: flex-wrap
C: justify-content
D: flex-direction
答案: 【 flex-direction】
27、单选题：
Flex容器布局中，（ ）属性用于设置如果一条轴线排不下应如何换行。
选项：
A: align-items
B: flex-wrap
C: justify-content
D: flex-direction
答案: 【 flex-wrap】
28、单选题：
Flex容器布局中，（ ）属性用于设置项目在主轴上的对齐方式。
选项：
A: align-items
B: flex-wrap
C: justify-content
D: flex-direction
答案: 【 justify-content】
29、单选题：
Flex容器布局中，（ ）属性用于设置项目在交叉轴上的对齐方式。
选项：
A: align-items
B: flex-wrap
C: justify-content
D: flex-direction
答案: 【 align-items】
30、单选题：
Flex容器布局中，（ ）属性用于设置项目在交叉轴上有多根轴线时的对齐方式。
选项：
A: align-items
B: justify-content
C: flex-direction
D: align-content
答案: 【 align-content】
31、单选题：
Flex项目布局属性中，（ ）用于设置项目的前后排列顺序。
选项：
A: flex
B: flex-grow
C: order
D: flex-basis
答案: 【 order】
32、单选题：
Flex项目布局属性中，（ ）用于设置各项目宽度之和小于容器宽度时，各项目分配容器剩余宽度的放大比例。
选项：
A: flex-shrink
B: flex-grow
C: order
D: flex-basis
答案: 【 flex-grow】
33、单选题：
Flex项目布局中，（ ）属性用于设置各项目宽度之和大于容器宽度时，各项目缩小自己宽度的比例。
选项：
A: order
B: flex-basis
C: align-self
D: flex-shrink
答案: 【 flex-shrink】
34、单选题：
Flex项目布局中，（ ）属性用于设置元素宽度。
选项：
A: flex
B: flex-grow
C: order
D: flex-basis
答案: 【 flex-basis】
35、单选题：
Flex项目布局中，（ ）属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。
选项：
A: flex
B: flex-grow
C: flex-shrink
D: flex-basis
答案: 【 flex】
36、单选题：
Flex项目布局属性中，（ ）允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。
选项：
A: order
B: flex-basis
C: align-self
D: flex-shrink
答案: 【 align-self】
37、单选题：
当容器的（ ）属性值大于或等于height的属性值时，容器中的文本将垂直居中对齐。
选项：
A: line-height
B: height-line
C: size
D: width
答案: 【 line-height】
38、单选题：
（ ）组件能够实现页面导航。
选项：
A: navigator
B: view
C: button
D: image
答案: 【 navigator】
39、单选题：
如果设置一个容器组件中的两个项目一个在容器最左边，一个在容器最右边，应该设置左边项目的flex-grow属性或（ ）属性大于0。
选项：
A: align-self
B: order
C: flex
D: flex-shrink
答案: 【 flex】
40、单选题：
navigator组件的（ ）属性表示当前小程序内的跳转链接地址。
选项：
A: target
B: open-type
C: delta
D: url
答案: 【 url】
41、单选题：
navigator组件属性target的合法值包括（ ）和miniProgram。
选项：
A: self
B: other
C: redirect
D: switchTab
答案: 【 self】
42、单选题：
navigator组件属性open-type的合法值（ ）表示保留当前页面，跳转到应用内的某个页面。
选项：
A: switchTab
B: navigate
C: reLaunch
D: redirect
答案: 【 navigate】
43、单选题：
1. navigator组件属性open-type的合法值（ ）表示关闭当前页面，跳转到应用内的某个页面。
选项：
A: switchTab
B: navigate
C: reLaunch
D: redirect
答案: 【 redirect】
44、单选题：
navigator组件属性open-type的合法值（ ）表示跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
选项：
A: switchTab
B: navigate
C: reLaunch
D: redirect
答案: 【 switchTab】
45、单选题：
navigator组件属性open-type的合法值（ ）表示关闭所有页面，打开应用内的某个页面。
选项：
A: switchTab
B: navigate
C: reLaunch
D: redirect
答案: 【 reLaunch】
46、单选题：
navigator组件属性open-type的合法值（ ）表示关闭当前页面，返回上一页面或多级页面。
选项：
A: switchTab
B: reLaunch
C: navigateBack
D: exit
答案: 【 navigateBack】
47、单选题：
navigator组件属性open-type的合法值（ ）表示当target="miniProgram"时，退出小程序。
选项：
A: switchTab
B: reLaunch
C: navigateBack
D: exit
答案: 【 exit】
48、单选题：
icon是小程序的图标组件，其类型是由（ ）属性来指定的。
选项：
A: type
B: size
C: color
D: class
答案: 【 type】
49、单选题：
如果某组件的margin属性设置为margin: 10px 20px 30px 40px，表示该组件的外边距为（ ）
选项：
A: 上、下、左、右的边距分别为：10px 20px 30px 40px
B: 左、右、上、下的边距分别为：10px 20px 30px 40px
C: 上、左、下、右的边距分别为：10px 20px 30px 40px
D: 左、下、右、上的边距分别为：10px 20px 30px 40px
答案: 【 上、左、下、右的边距分别为：10px 20px 30px 40px】
50、单选题：
如果某组件的margin属性设置为margin: 10px 20px，表示该组件的外边距为（ ）
选项：
A: 上、下、左、右的边距分别为：10px 20px 10px 20px
B: 上、下、左、右的边距分别为：10px 10px 20px 20px
C: 上、下、左、右的边距分别为：10px 20px 20px 10px
D: 上、下、左、右的边距分别为：20px 10px 10px 20px
答案: 【 上、下、左、右的边距分别为：10px 10px 20px 20px】
51、单选题：
如果某组件的margin属性设置为margin: 10px，表示该组件的外边距为（ ）
选项：
A: 上、下、左、右的边距分别为：10px 0px 0px 0px
B: 上、下、左、右的边距分别为：10px 10px 0px 0px
C: 上、下、左、右的边距分别为：10px 10px 10px 0px
D: 上、下、左、右的边距分别为：10px 10px 10px 10px
答案: 【 上、下、左、右的边距分别为：10px 10px 10px 10px】
52、单选题：
如果某组件的margin属性设置为margin: 10px auto，表示该组件的外边距为（ ）
选项：
A: 上、下边距为10px，左右边距任意
B: 上、下边距为10px，左右边距相等
C: 上、下边距为10px，左右边距为0
D: 上、下边距为10px，左右边距等于上、下边距
答案: 【 上、下边距为10px，左右边距相等】
53、单选题：
float属性表示组件可以向左或向右移动浮动，直到它的外边缘碰到包含框或另一个浮动框的边框为止，其合法值（ ）表示组件向左浮动。
选项：
A: left
B: right
C: none
D: inherit
答案: 【 left】
54、单选题：
float属性表示组件可以向左或向右移动浮动，直到它的外边缘碰到包含框或另一个浮动框的边框为止，其默认值为（ ）。
选项：
A: left
B: right
C: none
D: inherit
答案: 【 none】
55、单选题：
float属性表示组件可以向左或向右移动浮动，直到它的外边缘碰到包含框或另一个浮动框的边框为止，其合法值（ ）表示组件从父元素继承 float 属性的值。
选项：
A: left
B: right
C: none
D: inherit
答案: 【 inherit】
56、单选题：
clear属性用于清除组件浮动。其合法值（ ）表示清除组件左右两侧的浮动元素。
选项：
A: left
B: right
C: both
D: none
答案: 【 both】
57、单选题：
clear属性用于清除组件浮动。其默认值为（ ）。
选项：
A: left
B: right
C: both
D: none
答案: 【 none】
58、单选题：
clear属性用于清除组件浮动，其合法值（ ）表示从父元素继承 clear 属性的值。
选项：
A: left
B: right
C: both
D: inherit
答案: 【 inherit】
59、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为输入框的初始内容。
选项：
A: value
B: type
C: password
D: placeholder
答案: 【 value】
60、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为输入框的类型，即输入框获得焦点时弹出的键盘类型。
选项：
A: value
B: type
C: password
D: placeholder
答案: 【 type】
61、单选题：
input输入框组件主要用于输入数据，其属性值（ ）表示输入框内容是否是密码类型。
选项：
A: value
B: type
C: password
D: placeholder
答案: 【 password】
62、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为输入框为空时的占位符，即提示内容。
选项：
A: value
B: type
C: password
D: placeholder
答案: 【 placeholder】
63、单选题：
input输入框组件主要用于输入数据，其属性值（ ）指定 placeholder 的样式。
选项：
A: placeholder-style
B: placeholder-class
C: bindinput
D: bindblur
答案: 【 placeholder-style】
64、单选题：
input输入框组件主要用于输入数据，其属性值（ ）指定 placeholder 的样式类。
选项：
A: placeholder-style
B: placeholder-class
C: bindinput
D: bindblur
答案: 【 placeholder-class】
65、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为最大输入长度，设置为 -1时不限制最大长度。
选项：
A: placeholder-style
B: maxlength
C: bindinput
D: bindblur
答案: 【 maxlength】
66、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为键盘输入时触发的事件。
选项：
A: placeholder-style
B: maxlength
C: bindinput
D: bindblur
答案: 【 bindinput】
67、单选题：
input输入框组件主要用于输入数据，其属性值（ ）为输入框失去焦点时触发的事件。
选项：
A: placeholder-style
B: maxlength
C: bindinput
D: bindblur
答案: 【 bindblur】
68、单选题：
input输入框组件的type属性是指利用真机运行时，当在输入框中输入数据时，根据type属性指定的类型弹出来的键盘类型，而不是输入内容的类型。其有效值（ ）表示带小数点的数字键盘
选项：
A: text
B: number
C: idcard
D: digit
答案: 【 digit】
69、单选题：
当失去焦点事件e发生时，获取的input组件的value值为（ ）
选项：
A: e.detail.value
B: e.detail
C: e.value
D: detail.value
答案: 【 e.detail.value】
70、单选题：
input输入框组件主要用于输入数据，其属性（ ）决定该组件是否自动获得焦点。
选项：
A: focus
B: bindfocus
C: bindblur
D: bindinput
答案: 【 focus】
第3周 流程控制结构和函数
3.1 随堂测试-EX209-条件结构和数学函数
1、单选题：
在JS中，条件语句包括if和（ ）两种类型。
选项：
A: if…else
B: if…else if…else
C: switch
D: if…if
答案: 【 switch】
2、单选题：
对象是拥有属性和方法的数据。属性是与对象相关的值，方法是能够在对象上执行的动作。在Math.PI中，PI是Math对象的（ ）
选项：
A: 属性
B: 方法
C: 可以是属性，也可以是方法
D: 既是属性，也是方法
答案: 【 属性】
3、单选题：
对象是拥有属性和方法的数据。属性是与对象相关的值，方法是能够在对象上执行的动作。在Math.abs(x)中，abs(x)是Math对象的（ ）
选项：
A: 属性
B: 方法
C: 可以是属性，也可以是方法
D: 既是属性，也是方法
答案: 【 方法】
4、单选题：
Math对象的（ ）方法是对数值x进行上舍入？
选项：
A: abs(x)
B: ceil(x)
C: cos(x)
D: exp(x)
答案: 【 ceil(x)】
5、单选题：
Math对象的（ ）方法是返回 e 的x次方？
选项：
A: abs(x)
B: ceil(x)
C: cos(x)
D: exp(x)
答案: 【 exp(x)】
6、单选题：
Math对象的（ ）方法是返回x的自然对数（底为e）。
选项：
A: floor(x)
B: log(x)
C: sin(x)
D: tan(x)
答案: 【 log(x)】
7、单选题：
Math对象的（ ）方法返回 x 的 y 次幂。
选项：
A: floor(x)
B: pow(x,y)
C: max(x,y)
D: min(x,y)
答案: 【 pow(x,y)】
8、单选题：
Math对象的（ ）方法是返回 0 ~ 1 之间的随机数？
选项：
A: random()
B: round()
C: sin()
D: sqrt()
答案: 【 random()】
9、单选题：
Math对象的（ ）方法是返回x的平方根？
选项：
A: cos(x)
B: round(x)
C: sin(x)
D: sqrt(x)
答案: 【 sqrt(x)】
10、判断题：
在JS中，switch语句的case后面必须有break（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
3.2 随堂测试-EX210-学生成绩计算器
1、单选题：
事件绑定实现了信息有视图层向逻辑层的传递，（ ）层负责信息处理，最后将处理的结果（数据）通过数据绑定返回到视图层。
选项：
A: 视图
B: 逻辑
C: 视图和逻辑
D: 视图或逻辑
答案: 【 逻辑】
2、单选题：
假设x=6, y=3，(x < 10 && y > 1)的结果为（ ）
选项：
A: true
B: false
C:
D:
答案: 【 true】
3、单选题：
假设x=6, y=3，(x==5 || y==5)的结果为 ()
选项：
A: true
B: false
C:
D:
答案: 【 false】
4、单选题：
假设x=6, y=3，!(x==y)的结果为（ ）
选项：
A: true
B: false
C:
D:
答案: 【 true】
5、单选题：
button按钮组件的size属性的合法值包括default和mini，其默认值为（ ）
选项：
A: default
B: mini
C:
D:
答案: 【 default】
6、单选题：
button按钮组件的type属性的合法值包括primary、default和warn，其中warn表示按钮的颜色为（ ）
选项：
A: 绿色
B: 白色
C: 红色
D: 蓝色
答案: 【 红色】
7、单选题：
button按钮组件的form-type属性用于 form 组件，其合法值包括submit和reset，其中（ ）表示提交表单？
选项：
A: submit
B: reset
C:
D:
答案: 【 submit】
8、单选题：
如果要在JS文件的Page函数中使用data中初始化的变量x，使用方法为：（ ）
选项：
A: x
B: this.data.x
C: this.x
D: data.x
答案: 【 this.data.x】
9、单选题：
要隐藏view组件中的内容，应该将view组件的（ ）属性设置为true？
选项：
A: hidden
B: display
C: height
D: width
答案: 【 hidden】
10、单选题：
this.setData()函数可以修改在（ ）中初始化的绑定数据的值。
选项：
A: data
B: Page
C: App
D: this
答案: 【 data】
3.2 随堂测试-EX211-循环求和计算器
1、单选题：
如果希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用（ ）是很方便的。
选项：
A: 顺序结构
B: 条件结构
C: 循环结构
D: 跳转结构
答案: 【 循环结构】
2、单选题：
JavaScript 支持的循环类型包括：for、for/in、while和do/while。其中（ ）用于遍历对象属性。
选项：
A: for
B: for/in
C: while
D: do/while
答案: 【 for/in】
3、单选题：
在for(var i=0; i<10; i++)中，如果循环完成，语句i=0执行了（ ）次？
选项：
A: 1
B: 9
C: 10
D: 11
答案: 【 1】
4、单选题：
在for(var i=0; i<10; i++)中，如果循环完成，语句i<10执行了（ ）次？
选项：
A: 1
B: 9
C: 10
D: 11
答案: 【 11】
5、单选题：
在for(var i=0; i<10; i++)中，如果循环完成，语句i++执行了（ ）次？
选项：
A: 1
B: 9
C: 10
D: 11
答案: 【 10】
6、单选题：
下面的代码：var person =
{fname:"Bill", lname:"Gates", age:62};var text =
"";for (var x in
person) { text += person[x];}循环结束后，text的值为：（ ）
选项：
A: BillGates62
B: Bill
C: Gates
D: 62
答案: 【 BillGates62】
7、单选题：
下面的代码：var i=1, sum=0;while (i <=
10) { sum += i; i++;}运行后i的值为：（ ）
选项：
A: 9
B: 10
C: 11
D: 12
答案: 【 11】
8、单选题：
下面的代码：var i=1, sum=0;while (i < 5)
{ sum += i; i++;}运行后sum的值为：（ ）
选项：
A: 15
B: 10
C: 6
D: 5
答案: 【 10】
9、单选题：
下面的代码：var i=1,
text='';do { text += i; i++; }while (i <
5);运行后text的值为：（ ）
选项：
A: 15
B: 10
C: 6
D: 1234
答案: 【 1234】
10、单选题：
下面的代码：var i=10, sum=0;while (i < 5)
{ sum += i; i++;}运行后sum的值为：（ ）
选项：
A: 15
B: 10
C: 6
D: 0
答案: 【 0】
11、单选题：
下面的代码：var i=10, sum=0;do{ sum += i; i++;} while (i < 5);运行后sum的值为：（ ）
选项：
A: 15
B: 10
C: 6
D: 0
答案: 【 10】
12、单选题：
JavaScript 全局对象方法（ ）用于解析一个字符串并返回一个浮点数。
选项：
A: isNaN()
B: Number()
C: parseFloat()
D: parseInt()
答案: 【 parseFloat()】
3.4 随堂测试-EX212-随机数求和
1、单选题：
JavaScript中的（ ）对象用于在单个的变量中存储多个值。
选项：
A: Math
B: Array
C: Object
D: Number
答案: 【 Array】
2、单选题：
JavaScript中的（ ）对象是原始数值的包装对象。
选项：
A: Math
B: Array
C: Object
D: Number
答案: 【 Number】
3、单选题：
Array对象的（ ）属性用于设置或返回数组中元素的数目。
选项：
A: length
B: concat()
C: join()
D: pop()
答案: 【 length】
4、单选题：
Array对象的（ ）方法用于删除并返回数组的最后一个元素。
选项：
A: length
B: concat()
C: join()
D: pop()
答案: 【 pop()】
5、单选题：
Array对象的（ ）方法用于向数组的末尾添加一个或更多元素，并返回新的长度。
选项：
A: pop()
B: push()
C: reverse()
D: shift()
答案: 【 push()】
6、单选题：
Array对象的（ ）方法用于删除并返回数组的第一个元素。
选项：
A: pop（）
B: push()
C: reverse()
D: shift()
答案: 【 shift()】
7、单选题：
Array对象的（ ）方法用于从某个已有的数组返回选定的元素。
选项：
A: slice()
B: sort()
C: splice()
D: unshift()
答案: 【 slice()】
8、单选题：
Array对象的（ ）方法用于对数组的元素进行排序。
选项：
A: slice()
B: sort()
C: splice()
D: unshift()
答案: 【 sort()】
9、单选题：
Array对象的（ ）方法用于删除元素，并向数组添加新元素。
选项：
A: slice()
B: sort()
C: splice()
D: unshift()
答案: 【 splice()】
10、单选题：
Number对象的（ ）方法用于把数字转换为字符串，结果的小数点后有指定位数的数字。
选项：
A: toLocaleString()
B: toFixed()
C: toExponential()
D: toPrecision()
答案: 【 toFixed()】
3.5 随堂测试-EX213-计时器
1、单选题：
函数（ ）用于设定一个定时器，在定时到期以后执行注册的回调函数。
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 number setTimeout(function callback, number delay, any rest)】
2、单选题：
函数（ ）用于取消由 setTimeout 设置的定时器。
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 clearTimeout(number timeoutID)】
3、单选题：
函数（ ）用于设定一个定时器，按照指定的周期（以毫秒计）来执行注册的回调函数。
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 number setInterval(function callback, number delay, any rest)】
4、单选题：
函数（ ）用于取消由 setInterval 设置的定时器。
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 clearInterval(number intervalID)】
3.6 随堂测试-EX214-自动随机变化的三色旗
1、单选题：
以下代码：var letters = '0123456789ABCDEF'; for (var j = 0; j < 6;
j++) {
c += letters[Math.floor(Math.random() * 15)] }运行后，c的值为：（ ）
选项：
A: 由3个0～F之间的字符构成的字符串
B: 由6个0～F之间的字符构成的字符串
C: 由3个0～E之间的字符构成的字符串
D: 由6个0～E之间的字符构成的字符串
答案: 【 由6个0～E之间的字符构成的字符串】
2、单选题：
1. 以下代码：
setInterval(() => {
this.createColor();
}, 1000);表示（ ）
选项：
A: 1秒钟后调用一次this.createColor()函数
B: 每隔1秒钟调用一次this.createColor()函数
C: 1000秒钟后调用一次this.createColor()函数
D: 每隔1000秒钟调用一次this.createColor()函数
答案: 【 每隔1秒钟调用一次this.createColor()函数】
第3周 单元测验
1、单选题：
在JS中，条件语句包括if和（ ）两种类型。
选项：
A: if…else
B: if…else if…else
C: switch
D: if…if
答案: 【 switch】
2、单选题：
对象是拥有属性和方法的数据。属性是与对象相关的值，方法是能够在对象上执行的动作。在Math.PI中，PI是Math对象的（ ）
选项：
A: 属性
B: 方法
C: 可以是属性，也可以是方法
D: 既是属性，也是方法
答案: 【 属性】
3、单选题：
对象是拥有属性和方法的数据。属性是与对象相关的值，方法是能够在对象上执行的动作。在Math.abs(x)中，abs(x)是Math对象的（ ）
选项：
A: 属性
B: 方法
C: 可以是属性，也可以是方法
D: 既是属性，也是方法
答案: 【 方法】
4、单选题：
Math对象的（ ）方法是对数值x进行上舍入？
选项：
A: abs(x)
B: ceil(x)
C: cos(x)
D: exp(x)
答案: 【 ceil(x)】
5、单选题：
Math对象的（ ）方法是返回 e 的x次方？
选项：
A: abs(x)
B: ceil(x)
C: cos(x)
D: exp(x)
答案: 【 exp(x)】
6、单选题：
Math对象的（ ）方法是返回x的自然对数（底为e）。
选项：
A: floor(x)
B: log(x)
C: sin(x)
D: tan(x)
答案: 【 log(x)】
7、单选题：
Math对象的（ ）方法返回 x 的 y 次幂。
选项：
A: floor(x)
B: pow(x,y)
C: max(x,y)
D: min(x,y)
答案: 【 pow(x,y)】
8、单选题：
Math对象的（ ）方法是返回 0 ~ 1 之间的随机数？
选项：
A: random()
B: round()
C: sin()
D: sqrt()
答案: 【 random()】
9、单选题：
Math对象的（ ）方法是返回x的平方根？
选项：
A: cos(x)
B: round(x)
C: sin(x)
D: sqrt(x)
答案: 【 sqrt(x)】
10、单选题：
事件绑定实现了信息由视图层向逻辑层的传递，（ ）层负责信息处理，最后将处理的结果（数据）通过数据绑定方式返回到视图层。
选项：
A: 视图
B: 逻辑
C: 视图和逻辑
D: 视图或逻辑
答案: 【 逻辑】
11、单选题：
button组件的type属性的合法值包括primary、default和warn，其中warn表示按钮的颜色为（ ）
选项：
A: 绿色
B: 白色
C: 红色
D: 蓝色
答案: 【 红色】
12、单选题：
如果要在JS文件的Page函数中使用data中初始化的变量x，使用方法为：（ ）
选项：
A: x
B: this.data.x
C: this.x
D: data.x
答案: 【 this.data.x】
13、单选题：
要隐藏view组件中的内容，应该将view组件的（ ）属性设置为true？
选项：
A: hidden
B: display
C: height
D: width
答案: 【 hidden】
14、单选题：
this.setData()函数可以修改在（ ）中初始化的绑定数据的值。
选项：
A: data
B: Page
C: App
D: this
答案: 【 data】
15、单选题：
如果希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用（ ）是很方便的。
选项：
A: 顺序结构
B: 条件结构
C: 循环结构
D: 跳转结构
答案: 【 循环结构】
16、单选题：
JavaScript 支持的循环类型包括：for、for/in、while和do/while。其中（ ）用于遍历对象属性。
选项：
A: for
B: for/in
C: while
D: do/while
答案: 【 for/in】
17、单选题：
在for(var i=0; i<10; i++)中，如果循环完成，语句i=0执行了（ ）次？
选项：
A: 1
B: 9
C: 10
D: 11
答案: 【 1】
18、单选题：
在for(var i=0; i<10; i++)中，如果循环完成，语句i<10执行了（ ）次？
选项：
A: 1
B: 9
C: 10
D: 11
答案: 【 11】
19、单选题：
在for(var i=0; i<10; i++)中，如果循环完成，语句i++执行了（ ）次？
选项：
A: 1
B: 9
C: 10
D: 11
答案: 【 10】
20、单选题：
以下代码片段执行后，text的值为：（ ）var person = {fname:"Bill", lname:"Gates", age:62};var text = "";for (var x in person) { text += person[x];}
选项：
A: BillGates62
B: fname:"Bill", lname:"Gates", age:62
C: BillGates
D: 62
答案: 【 BillGates62】
21、单选题：
以下代码片段执行后，i的值为：（ ）var i=1, sum=0;while (i <= 10) { sum += i; i++;}
选项：
A: 9
B: 10
C: 11
D: 12
答案: 【 11】
22、单选题：
以下代码片段执行后，sum的值为：（ ）var i=1, sum=0;while (i < 5) { sum += i; i++;}
选项：
A: 15
B: 10
C: 6
D: 5
答案: 【 10】
23、单选题：
以下代码片段执行后，text的值为：（ ）var i=1, text='';do { text += i; i++; }while (i < 5);
选项：
A: 15
B: 10
C: 6
D: 1234
答案: 【 1234】
24、单选题：
以下代码片段执行后，sum的值为：（ ）var i=10, sum=0;while (i < 5) { sum += i; i++;}
选项：
A: 15
B: 10
C: 6
D: 0
答案: 【 0】
25、单选题：
以下代码片段执行后，sum的值为：（ ）var i=10, sum=0;do{ sum += i; i++; } while (i < 5);
选项：
A: 15
B: 10
C: 6
D: 0
答案: 【 10】
26、单选题：
JavaScript 全局对象方法（ ）用于解析一个字符串并返回一个浮点数。
选项：
A: isNaN()
B: Number()
C: parseFloat()
D: parseInt()
答案: 【 parseFloat()】
27、单选题：
JavaScript中的（ ）对象用于在单个的变量中存储多个值。
选项：
A: Math
B: Array
C: Object
D: Number
答案: 【 Array】
28、单选题：
JavaScript中的（ ）对象是原始数值的包装对象。
选项：
A: Math
B: Array
C: Object
D: Number
答案: 【 Number】
29、单选题：
Array对象的（ ）属性用于设置或返回数组中元素的数目。
选项：
A: length
B: concat()
C: join()
D: pop()
答案: 【 length】
30、单选题：
Array对象的（ ）方法用于删除并返回数组的最后一个元素。
选项：
A: length
B: concat()
C: join()
D: pop()
答案: 【 pop()】
31、单选题：
Array对象的（ ）方法用于从某个已有的数组返回选定的元素。
选项：
A: slice()
B: sort()
C: splice()
D: unshift()
答案: 【 slice()】
32、单选题：
Array对象的（ ）方法用于对数组的元素进行排序。
选项：
A: slice()
B: sort()
C: splice()
D: unshift()
答案: 【 sort()】
33、单选题：
Array对象的（ ）方法用于删除元素，并向数组添加新元素。
选项：
A: slice()
B: sort()
C: splice()
D: unshift()
答案: 【 splice()】
34、单选题：
Number对象的（ ）方法用于把数字转换为字符串，结果的小数点后有指定位数的数字。
选项：
A: toLocaleString()
B: toFixed()
C: toExponential()
D: toPrecision()
答案: 【 toFixed()】
35、单选题：
函数（ ）用于设定一个定时器，在定时到期以后执行注册的回调函数。
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 number setTimeout(function callback, number delay, any rest)】
36、单选题：
函数（ ）用于取消由 setTimeout 设置的定时器。
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 clearTimeout(number timeoutID)】
37、单选题：
函数（ ）用于设定一个定时器，按照指定的周期（以毫秒计）来执行注册的回调函数。
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 number setInterval(function callback, number delay, any rest)】
38、单选题：
函数（ ）用于取消由 setInterval 设置的定时器。
选项：
A: number setTimeout(function callback, number delay, any rest)
B: clearTimeout(number timeoutID)
C: number setInterval(function callback, number delay, any rest)
D: clearInterval(number intervalID)
答案: 【 clearInterval(number intervalID)】
39、单选题：
以下代码片段运行后，c的值为：（ ） var letters = '0123456789ABCDEF'; for (var j = 0; j < 6; j++) { c += letters[Math.floor(Math.random() * 15)] }
选项：
A: 由3个0～F之间的字符构成的字符串
B: 由6个0～F之间的字符构成的字符串
C: 由3个0～E之间的字符构成的字符串
D: 由6个0～E之间的字符构成的字符串
答案: 【 由6个0～E之间的字符构成的字符串】
40、单选题：
以下代码表示（ ）setInterval(() => { this.createColor(); }, 1000);
选项：
A: 1秒钟后调用一次this.createColor()函数
B: 每隔1秒钟调用一次this.createColor()函数
C: 1000秒钟后调用一次this.createColor()函数
D: 每隔1000秒钟调用一次this.createColor()函数
答案: 【 每隔1秒钟调用一次this.createColor()函数】
41、判断题：
在JS中，switch语句的case后面必须有break（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
42、判断题：
假设x=6, y=3，那么(x < 10 && y > 1)的结果为true（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
43、判断题：
假设x=6, y=3，那么(x==5 || y==5)的结果为true（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
44、判断题：
假设x=6, y=3，那么!(x==y)的结果为true（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
45、判断题：
button按钮组件的size属性的合法值包括default和mini，其默认值为mini（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
46、判断题：
button组件的form-type属性用于 form 组件，其合法值包括submit和reset，其中reset表示提交表单（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
第4周 小程序基本架构
4.1 随堂测试-EX301-小程序的基本架构
1、单选题：
（ ）文件是用来对微信小程序进行全局配置的？
选项：
A: index.json
B: app.json
C: index.js
D: app.js
答案: 【 app.json】
2、单选题：
创建小程序页面时，应该在app.json文件的（ ）属性中进行。
选项：
A: pages
B: window
C: tabBar
D: networkTimeout
答案: 【 pages】
3、单选题：
window属性用于设置小程序的状态栏、导航栏、标题、窗口背景色。其中（ ）用于设置导航栏背景颜色。
选项：
A: navigationBarBackgroundColor
B: navigationBarTextStyle
C: navigationBarTitleText
D: navigationStyle
答案: 【 navigationBarBackgroundColor】
4、单选题：
window属性用于设置小程序的状态栏、导航栏、标题、窗口背景色。其中（ ）用于设置导航栏标题颜色。
选项：
A: navigationBarBackgroundColor
B: navigationBarTextStyle
C: navigationBarTitleText
D: navigationStyle
答案: 【 navigationBarTextStyle】
5、单选题：
window属性用于设置小程序的状态栏、导航栏、标题、窗口背景色。其中（ ）用于设置导航栏标题文字内容。
选项：
A: navigationBarBackgroundColor
B: navigationBarTextStyle
C: navigationBarTitleText
D: navigationStyle
答案: 【 navigationBarTitleText】
6、单选题：
tabBar用来配置小程序底部的Tab，它的属性（ ）是tab 的列表，最少2个、最多5个 tab。
选项：
A: color
B: selectedColor
C: borderStyle
D: list
答案: 【 list】
7、单选题：
list数组对象属性（ ）表示页面路径。
选项：
A: pagePath
B: text
C: iconPath
D: selectedIconPath
答案: 【 pagePath】
8、单选题：
list数组对象属性（ ）表示选中时的图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px，不支持网络图片。
选项：
A: pagePath
B: text
C: iconPath
D: selectedIconPath
答案: 【 selectedIconPath】
9、单选题：
每一个小程序页面也可以使用同名 .json 文件来对本页面的（ ）表现进行配置。
选项：
A: pages
B: window
C: tabBar
D: networkTimeout
答案: 【 window】
10、判断题：
navigationBarTextStyle仅支持 black 和 white（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
4.2 随堂测试-EX302-小程序的执行顺序
1、单选题：
小程序中的App(Object object)函数用于（ ）
选项：
A: 小程序注册
B: 小程序注销
C: 页面注册
D: 页面注销
答案: 【 小程序注册】
2、单选题：
页面中的Page(Object object) 函数用于（ ）
选项：
A: 小程序注册
B: 小程序注销
C: 页面注册
D: 页面注销
答案: 【 页面注册】
3、单选题：
小程序运行后，执行的第一个生命周期函数是app.js文件中的（ ）函数。
选项：
A: onLaunch
B: onShow
C: onLoad
D: onReady
答案: 【 onLaunch】
4、单选题：
小程序运行后，页面index.js中执行的第一个生命周期函数是（ ）
选项：
A: onLaunch
B: onShow
C: onLoad
D: onReady
答案: 【 onLoad】
5、单选题：
监听小程序启动或切前台的回调函数是（ ）
选项：
A: onLaunch
B: onShow
C: onLoad
D: onReady
答案: 【 onShow】
6、单选题：
监听页面初次渲染完成的回调函数是（ ）
选项：
A: onLoad
B: onShow
C: onReady
D: onHide
答案: 【 onReady】
7、单选题：
页面绑定数据的初始值由（ ）提供？
选项：
A: data
B: onLoad
C: onShow
D: onReady
答案: 【 data】
8、判断题：
小程序运行后，页面index.js中的函数是先执行onReady函数，然后再执行onShow函数（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
9、判断题：
当页面由index切换到jiaoxue时，首先执行index.js文件中的onHide函数，然后再执行jiaoxue.js文件中的onLoad函数。（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
10、判断题：
当jiaoxue页面显示时点击“切后台”按钮，首先执行jiaoxue.js文件中的onHide函数，然后再执行app.js文件中的onHide函数
选项：
A: 正确
B: 错误
答案: 【 正确】
4.3 随堂测试-EX303-数据及事件绑定
1、判断题：
setData()函数同步将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。
选项：
A: 正确
B: 错误
答案: 【 错误】
2、判断题：
setData()函数用于将数据从逻辑层发送到视图层，同步改变对应的 this.data 的值。
选项：
A: 正确
B: 错误
答案: 【 正确】
3、判断题：
事件是视图层到逻辑层的通讯方式，它可以将用户的行为反馈到视图层进行处理。
选项：
A: 正确
B: 错误
答案: 【 错误】
4、判断题：
事件可以绑定在组件上，当触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。
选项：
A: 正确
B: 错误
答案: 【 正确】
5、判断题：
所有绑定的数据都必须在data中进行初始化
选项：
A: 正确
B: 错误
答案: 【 错误】
4.4 随堂测试-EX304-变量和函数的作用域及模块化
1、单选题：
如果在index.js中Page()函数引用在app.js中的App()函数中定义的全局变量和函数，就必须在index.js的所有函数之外利用（ ）函数创建全局对象，并利用全局对象引用全局变量和函数。
选项：
A: getApp()
B: exports()
C: require()
D: Page()
答案: 【 getApp()】
2、单选题：
在index.js中所有函数之外定义的变量x，在本文件的Page函数中的引用方式为（ ）
选项：
A: this.x
B: that.x
C: x
D: app.x
答案: 【 x】
3、单选题：
在index.js的Page函数的参数中定义的属性x，在Page函数中的引用方式为（ ）
选项：
A: this.x
B: that.x
C: x
D: app.x
答案: 【 this.x】
4、单选题：
以下代码：var x=10; //语句1Page({ var y=20;
//语句2 onLoad: function(options) {this.x=20; //语句3 }, y=30;
//语句4})以上语句中正确的是（ ）
选项：
A: 语句1
B: 语句2
C: 语句3
D: 语句4
答案: 【 语句1】
5、单选题：
在util.js文件中定义的函数utilFunc，如果在index.js中引用，首先需要在util.js文件中利用module.exports或exports来输出该函数，然后在index.js中利用（ ）获取模块实例。
选项：
A: getApp()
B: exports()
C: require()
D: Page()
答案: 【 require()】
6、判断题：
require(path)的参数path可以为文件相对路径，也可以为文件绝对路径
选项：
A: 正确
B: 错误
答案: 【 错误】
4.5 随堂测试-EX305-条件渲染
1、单选题：
如果length=3，则以下代码：<view wx:if="{{length > 5}}">1</view><view wx:elif="{{length > 2}}">2</view><view wx:else>3</view>的输出结果为（ ）
选项：
A: 1
B: 2
C: 3
D: 4
答案: 【 2】
2、单选题：
以下代码：<block wx:if="{{true}}"> <view>view1</view> <view>view2</view></block>的输出结果为（ ）
选项：
A: view1
B: view2
C: view1和view2
D: 没有输出
答案: 【 view1和view2】
第4周 单元测验
1、单选题：
（ ）文件是用来对微信小程序进行全局配置的？
选项：
A: index.json
B: app.json
C: index.js
D: app.js
答案: 【 app.json】
2、单选题：
创建小程序页面时，应该在app.json文件的（ ）属性中进行。
选项：
A: pages
B: window
C: tabBar
D: networkTimeout
答案: 【 pages】
3、单选题：
window属性用于设置小程序的状态栏、导航栏、标题、窗口背景色。其中（ ）用于设置导航栏背景颜色。
选项：
A: navigationBarBackgroundColor
B: navigationBarTextStyle
C: navigationBarTitleText
D: navigationStyle
答案: 【 navigationBarBackgroundColor】
4、单选题：
window属性用于设置小程序的状态栏、导航栏、标题、窗口背景色。其中（ ）用于设置导航栏标题颜色。
选项：
A: navigationBarBackgroundColor
B: navigationBarTextStyle
C: navigationBarTitleText
D: navigationStyle
答案: 【 navigationBarTextStyle】
5、单选题：
window属性用于设置小程序的状态栏、导航栏、标题、窗口背景色。其中（ ）用于设置导航栏标题文字内容。
选项：
A: navigationBarBackgroundColor
B: navigationBarTextStyle
C: navigationBarTitleText
D: navigationStyle
答案: 【 navigationBarTitleText】
6、单选题：
tabBar用来配置小程序底部的Tab，它的属性（ ）是tab的列表，最少2个、最多5个 tab。
选项：
A: color
B: selectedColor
C: borderStyle
D: list
答案: 【 list】
7、单选题：
list数组对象属性（ ）表示页面路径。
选项：
A: pagePath
B: text
C: iconPath
D: selectedIconPath
答案: 【 pagePath】
8、单选题：
list数组对象属性（ ）表示选中时的图片路径，icon 大小限制为40kb，建议尺寸为81px*81px，不支持网络图片。
选项：
A: pagePath
B: text
C: iconPath
D: selectedIconPath
答案: 【 selectedIconPath】
9、单选题：
每一个小程序页面也可以使用同名 .json 文件来对本页面的（ ）表现进行设置。
选项：
A: pages
B: window
C: tabBar
D: networkTimeout
答案: 【 window】
10、单选题：
小程序中的App（Object object）函数用于（ ）
选项：
A: 小程序注册
B: 小程序注销
C: 页面注册
D: 页面注销
答案: 【 小程序注册】
11、单选题：
页面中的Page（Object object）函数用于（ ）
选项：
A: 小程序注册
B: 小程序注销
C: 页面注册
D: 页面注销
答案: 【 页面注册】
12、单选题：
小程序运行后，执行的第一个生命周期函数是 app.js 文件中的（ ）函数
选项：
A: onLaunch
B: onShow
C: onLoad
D: onReady
答案: 【 onLaunch】
13、单选题：
小程序运行后，页面 index.js 中执行的第一个生命周期函数是（ ）
选项：
A: onLaunch
B: onShow
C: onLoad
D: onReady
答案: 【 onLoad】
14、单选题：
监听小程序启动或切前台的回调函数是（ ）
选项：
A: onLaunch
B: onShow
C: onLoad
D: onReady
答案: 【 onShow】
15、单选题：
监听页面初次渲染完成的回调函数是（ ）
选项：
A: onLoad
B: onShow
C: onReady
D: onHide
答案: 【 onReady】
16、单选题：
页面绑定数据的初始值由（ ）提供？
选项：
A: data
B: onLoad
C: onShow
D: onReady
答案: 【 data】
17、单选题：
如果在 index.js 中 Page()函数引用在 app.js 中的 APP() 函数中定义的全局变量和函数，就必须在 index.js 的所有函数之外利用（ ）函数创建全局对象，并利用全局对象引用全局变量和函数。
选项：
A: getApp()
B: exports()
C: require()
D: Page()
答案: 【 getApp()】
18、单选题：
在 index.js 中所有函数之外定义的变量 x ，在本文件的 Page 函数中的引用方式为（ ）
选项：
A: this.x
B: that.x
C: x
D: app.x
答案: 【 x】
19、单选题：
在 index.js 的 Page 函数的参数中定义的属性 x ，在 Page 函数中的引用方式为（ ）
选项：
A: this.x
B: that.x
C: x
D: app.x
答案: 【 this.x】
20、单选题：
以下代码：var x=10; //语句1Page({ var y=20; //语句2 onLoad:function(options){ this.x=20; //语句3 }, y=30; //语句4})以上语句中正确的是（ ）
选项：
A: 语句1
B: 语句2
C: 语句3
D: 语句4
答案: 【 语句1】
21、单选题：
在 until.js 文件中定义的函数 utilFunc ，如果在 index.js 中引用，首先需要在 util.js 文件中利用 module.exports 或 exports 来输出该函数，然后在 index.js 中利用（ ）获取模块实例。
选项：
A: getApp()
B: exports()
C: require()
D: Page()
答案: 【 require()】
22、单选题：
如果 length=3，则以下代码：<view wx:if="{{length>5}}">1</view><view wx:elif="{{length>2}}">2</view><view wx:else>3</view>的输出结果为（ ）
选项：
A: 1
B: 2
C: 3
D: 4
答案: 【 2】
23、单选题：
以下代码：<block wx:if="{{true}}"> <view>view1</view> <view>view2</view></block>的输出结果为（ ）
选项：
A: view1
B: view2
C: view1 和 view2
D: 没有输出
答案: 【 view1 和 view2】
24、判断题：
navigationBarTextStyle 仅支持 black 和 white（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
25、判断题：
小程序运行后，页面 index.js 中的函数是先执行 onReady 函数，然后再执行 onShow 函数（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
26、判断题：
当页面由 index 切换到 jiaoxue 时，首先执行 index.js 文件中的 onHide 函数，然后再执行 jiaoxue.js 文件中的 onLoad 函数。（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
27、判断题：
当 jiaoxue 页面显示时点击“切后台”按钮，首先执行 jiaoxue.js 文件中的 onHide 函数，然后再执行 app.js 文件中的 onHide 函数。（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
28、判断题：
setData()函数同步将数据从逻辑层发送到视图层，同时改变对应的this.data的值（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
29、判断题：
setData()函数用于将数据从逻辑层发送到视图层，同步改变对应的this.data的值（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
30、判断题：
事件是视图层到逻辑层的通讯方式，它可以将用户的行为反馈到视图层进行处理（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
31、判断题：
事件可以绑定在组件上，当触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如id,dataset,touches（ ）
选项：
A: 正确
B: 错误
答案: 【 正确】
32、判断题：
所有绑定的数据都必须在data中进行初始化（ ）
选项：
A: 正确
B: 错误
答案: 【 错误】
33、判断题：
require(path) 的参数