目录
第6章自测
1【单选题】
下面不属于scroll-view组件属性的是()。
- A、
- B、
- C、
- D、
正确答案: D
D.current属于swiper组件,指的是当前所在滑块的 index
2【单选题】
下面关于slider滑块组件属性中,可以用来设置滑块的位置的是()。
- A、
- B、
- C、
- D、
正确答案: C 我的答案:C
A.
C.
当前处于滑块的百分之多少
D.是否显示当前取值
3【单选题】
微信小程序中image组件的默认宽高是( )。
- A、
- B、
- C、
- D、
正确答案: B 我的答案:B
tip
:image组件默认宽度320px、高度240px
4【单选题】
微信小程序中swiper组件的默认宽度为页面的宽度,高度是( )。
正确答案: A 我的答案:A
5【单选题】
有如下代码:
<slider bindchanging="sliderChanging" show-value/>
sliderChanging(e){
conslole.log(________)
}
补充完整程序,实现在拖动滑块的过程中,可以输出滑块的取值。()
正确答案: B 我的答案:B
6【单选题】
有如下代码:
<image bindtap="changePage" data-page="2"/>
changePage(e){
conslole.log(________)
}
补充完整程序,实现在单击image组件时,输出image组件上的data-page属性的值。()
- A、
- B、
- C、
- D、
正确答案: C 我的答案:C
7【单选题】
关于image组件的mode属性值中用来保持图片的纵横缩放比,可以完整显示图片的是()。
- A、
- B、
- C、
- D、
正确答案: C 我的答案:C
A.没有这个属性
B.scaleToFill 适用于容器于图片宽高比相同的情况
C.aspectFill 短边可以完全显示,长边会被截取
D.widthFix 宽度不变,高度自动变化
8【单选题】
有如下代码:
<swiper current-item-id="b">
<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>
执行上面代码后,页面显示结果为()。
正确答案: B 我的答案:B
9【多选题】
代码"var audioCtx=wx.createInnerAudioContent()"创建一个InnerAudioContent实例对象,下面哪些是该实例对象的属性或方法()。
- A、
- B、
- C、
- D、
- E、
正确答案: ABCDE 我的答案:ABCDE
10【多选题】
有如下代码:
<swiper _____________>
<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、
- B、
- C、
- D、
- E、
正确答案: AC 我的答案:AC
current--当前所在滑块的 index,下标从0开始
11【多选题】
下面关于include组件的说法正确的是()。
- A、
在微信小程序的wxml文件中可以使用include组件用于引用其他wxml文件的代码,相当于将引用的代码复制到include组件的位置。
- B、
- C、
当多个wxml页面中有相同的部分时,可以将公共部分抽取出来,保存到一个单独的wxml文件中,在需要的地方通过include组件引入,这样可以减少代码得重复。
- D、
- E、
正确答案: ABCD 我的答案:ABCD
12【填空题】
微信小程序中能够实现轮播图效果的组件是__________,它必须配合________组件使用。
正确答案:
第一空:
swiper;swiper-item
13【填空题】