MOOC 微信小程序开发(百色学院)1458381162 最新慕课完整章节测试答案

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-style】

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】

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的值为：（ ）&lrm