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: 样式层
答案: 【 逻辑层】

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】