微信小程序——章节自测六

1【单选题】

下面不属于scroll-view组件属性的是（）。

A、
scroll-x
B、
scroll-top
C、
bindscroll
D、
current

答案：D

current是swiper组件中的属性，表示当前滑块的位置，默认值为0；

2【单选题】

下面关于slider滑块组件属性中，可以用来设置滑块的位置的是（）。

A、
precent
B、
progress
C、
value
D、
show-value

答案：C

value表示slider当前取值

show-value表示是否显示当前取值

3【单选题】

微信小程序中image组件的默认宽高是( )。

A、
300px*225px
B、
320px*240px
C、
375px*300px
D、
240px*180px

答案：A

4【单选题】

微信小程序中swiper组件的默认宽度为页面的宽度，高度是( )。

A、
150px
B、
180px
C、
240px
D、
200px

答案：A

5【单选题】

有如下代码：

sliderChanging(e){

conslole.log(________)

}

补充完整程序，实现在拖动滑块的过程中，可以输出滑块的取值。

A、
e.target.detail.value
B、
e.detail.value
C、
e.currentTarget.detail.value
D、
e.value

答案：B

6【单选题】

有如下代码：

changePage(e){

conslole.log(________)

}

补充完整程序，实现在单击image组件时，输出image组件上的data-page属性的值。

A、
e.detail.data-page
B、
e.dataset.page
C、
e.currentTarget.dataset.page
D、
e.target.detail.dataset.page

答案：C

e.target.dataset.page指向发生事件的组件

e.currentTarget.dataset.page指向绑定事件的组件

7【单选题】

关于image组件的mode属性值中用来保持图片的纵横缩放比，可以完整显示图片的是（）。

A、
apectFill
B、
scaleToFill
C、
aspectFit
D、
widthFix

答案：C

scaleToFill 适用于容器于图片宽高比相同的情况

widthFix 宽度不变，高度自动变化

aspectFill 短边可以完全显示，长边会被截取

题目apectFill没有这个属性

8【单选题】

有如下代码：

<swiper-item style="background:#f00" item-id="a">red</swiper-item>

<swiper-item style="background:#0f0" item-id="b">green</swiper-item>

<swiper-item style="background:#00f" item-id="c">blue</swiper-item>

</swiper>

showCurrent(e){

console.log(_________)

}

补充完整程序，实现当swiper组件的内容发生变化时，输出swiper组件的current属性值。

A、
e.current
B、
e.detail.current
C、
e.target.detail.current
D、
e.data.current

答案：B

9【多选题】

代码"var audioCtx=wx.createInnerAudioContent()"创建一个InnerAudioContent实例对象，下面哪些是该实例对象的属性或方法。

A、
src、duration和currentTime
B、
play()和pause()
C、
onEnded()
D、
seek()
E、
onTimeUpdate()

答案：ABCDE

10【多选题】

有如下代码：

<swiper-item style="background:#f00" item-id="a">red</swiper-item>

<swiper-item style="background:#0f0" item-id="b">green</swiper-item>

<swiper-item style="background:#00f" item-id="c">blue</swiper-item>

</swiper>

从下面选出正确的选项完整代码，可以使得第二个swiper-item中的内容显示。

A、
current="1"
B、
current-item-id="2"
C、
current-item-id="b"
D、
current="2"
E、
interval="1"

答案：AC

current索引值从0开始的

11【多选题】

下面关于include组件的说法正确的是（）。

A、
在微信小程序的wxml文件中可以使用include组件用于引用其他wxml文件的代码，相当于将引用的代码复制到include组件的位置。
B、
当一个wxml文件中的代码过多时，可以利用include组件将代码拆分到多个文件，可以方便查找代码。
C、
当多个wxml页面中有相同的部分时，可以将公共部分抽取出来，保存到一个单独的wxml文件中，在需要的地方通过include组件引入，这样可以减少代码得重复。
D、
利用include组件的src属性引入需要的wxml文件。
E、
利用include组件的href属性引入需要的wxml文件。

答案：ABCD

12【填空题】

微信小程序中能够实现轮播图效果的组件是__________,它必须配合________组件使用。

答案：

第一空：

swiper, swiper-item

13【填空题】

_________组件可以用来设置页面的滚动区域。

答案：

第一空：

scroll-view

14【填空题】

利用css属性animation-play-state可以控制元素的动画的状态，它的取值有________和_________。

答案：

第一空：

running

第二空：

paused

15【填空题】

微信小程序中image组件的mode属性值有________种缩放模式和________种裁剪模式。

答案：

第一空：

4，9

16【填空题】

微信小程序中swiper组件的__________属性和_________属性可以用来设置默认显示的区域内容。

答案：

第一空：

current, current-item-id

微信小程序——章节自测六

猜你喜欢