微信小程序章节自测--6-7-8-9-有解析

目录

第6章自测

第7章自测

第8章自测

第9章自测

---

第6章自测

1【单选题】

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

• A、

  scroll-x

• B、

  scroll-top

• C、

  bindscroll

• D、

  current

正确答案： D 

D.current属于swiper组件，指的是当前所在滑块的 index

2【单选题】

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

• A、

  precent

• B、

  progress

• C、

  value

• D、

  show-value

正确答案： C 我的答案：C

A.

C.

 当前处于滑块的百分之多少

D.是否显示当前取值

3【单选题】

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

• A、

  300px*225px

• B、

  320px*240px

• C、

  375px*300px

• D、

  240px*180px

正确答案： B 我的答案：B

1. tip：image组件默认宽度320px、高度240px

4【单选题】

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

• A、

  150px

• B、

  180px

• C、

  240px

• D、

  200px

正确答案： A 我的答案：A

5【单选题】

有如下代码：

<slider bindchanging="sliderChanging" show-value/>

sliderChanging(e){

   conslole.log(________)

}

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

• A、

  e.target.detail.value

• B、

  e.detail.value

• C、

  e.currentTarget.detail.value

• D、

  e.value

正确答案： B 我的答案：B

6【单选题】

有如下代码：

<image  bindtap="changePage"   data-page="2"/>

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 我的答案：C

7【单选题】

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

• A、

  apectFill

• B、

  scaleToFill

• C、

  aspectFit

• D、

  widthFix

正确答案： 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>

执行上面代码后，页面显示结果为（）。

• A、

  red

• B、

  green

• C、

  blue

• D、

  报错

正确答案： B 我的答案：B

9【多选题】

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

• A、

  src、duration和currentTime

• B、

  play()和pause()

• C、

  onEnded()

• D、

  seek()

• E、

  onTimeUpdate()

正确答案： 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、

  current="1"

• B、

  current-item-id="2"

• C、

  current-item-id="b"

• D、

  current="2"

• E、

  interval="1"

正确答案： AC 我的答案：AC

current--当前所在滑块的 index，下标从0开始

11【多选题】

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

• A、

  在微信小程序的wxml文件中可以使用include组件用于引用其他wxml文件的代码，相当于将引用的代码复制到include组件的位置。

• B、

  当一个wxml文件中的代码过多时，可以利用include组件将代码拆分到多个文件，可以方便查找代码。

• C、

  当多个wxml页面中有相同的部分时，可以将公共部分抽取出来，保存到一个单独的wxml文件中，在需要的地方通过include组件引入，这样可以减少代码得重复。 

• D、

  利用include组件的src属性引入需要的wxml文件。

• E、

  利用include组件的href属性引入需要的wxml文件。

正确答案： ABCD 我的答案࿱