应对期末考试，对本学期《微信小程序开发实践》课程学习的内容进行复习，模拟题 1.

# 一。单项选择题 8 题 * 2=16 分

1. 下列选项中，关于微信小程序说法错误的是（C ）。

A. 微信小程序是运行在微信之中应用

B. 微信小程序的体积非常小

C. 微信小程序不可以跨平台

D. 通过 “扫一扫” 或 “搜一搜” 即可打开对应的微信小程序

2. 下列选项中，用于在微信开发者工具中输出调试信息的面板是（ B）。

A.Wxml

B.Console

C.Sources

D.Network

3. 下列选项中，用于配置微信小程序所有的页面地址的文件是（ B）

A. app.js

B. app.json

C. app.wxss

D. project.config.json

4. 下列选项中，不属于 Flex 布局的是（C ）

A. display:flex;

B. flex:1;

C. float:left;

D. flex-flow:column nowrap;

5. 下列选项中，关于列表渲染说法正确的是（ B）。

A. wx:for-index 可以用于重新定义当前项的变量名

B. 在列表渲染中，可以使用 item 变量获取当前项的值

C. wx:for 可以用于实现页面中的列表渲染

D. wx:for-item 可以用于设置当前索引变量的属性名

6. 下列选项中，可以在 wx:for 中指定当前项索引的变量名的一项是（ D）。

A. wx:for-i

B. wx:for-j

C. wx:for-item

D. wx:for-index

7. 下列 BackgroundAudioManager 实例的方法中，可以将音乐跳转到指定位置的是（ B）。

A. stop()

B. seek()

C. pause()

D. play()

# 二。填空题 7 题 * 2=14 分

1. 微信小程序开发完成后需要通过 “上传” 按钮将代码上传到______。

2. 微信开发者工具中用于保存文件的快捷键是______。

3. 在 Flex 布局中， ____属性能够设置项目在主轴方向的排列方式。

4. 在实现底部标签栏时，tabBar 配置项应在 ____文件中设置。

5. 在 JS 文件中，通过____ 获取 data-* 自定义属性的值。

6. 在微信小程序中，页面加载完成后执行的生命周期函数为 ____。

7. 在 scroll-view 组件中，用 ___ 属性用于设置横向滚动条的位置。

8. 从本地缓存中异步获取指定 key 的内容使用 ____ 方法。

# 三。判断题 8 题 * 2=16 分

1. 在微信小程序中，AppID 是每个小程序的唯一标识，每个小程序账号只有一个 AppID。（√ ）

2. 通常称微信客户端为微信小程序提供的环境为微信小程序的宿主环境。（ √）

3.video 组件专门用于播放音频。（ × ）

4. 设置 enablePullDownRefresh 为 false 时，表示禁止下拉。（√ ）

5. 在 canvas 组件中，canvas-id 属性是其唯一标识符。（√ ）

6. 通过调用 wx.previewImage () 方法可以使用选择媒体 API。（ × ）

7.openid 是微信小程序的唯一标识。（ × ）

8.animation.export () 方法每次调用后仍保留之前的动画操作。（ × ）

# 四。程序题 6 题 * 4=24 分

1. 组件的概念及常用组件

<!--index.wxml-->

<!--配置状态栏-->
<_____(1.补充导航栏配置) title="我的主页" back="{{false}}" color="blue" background="#bbf">
</navigation-bar>

<!-- 头像区域 -->
<view>
    <view class='container'>    
        <view class="top">        
            <_____(2.补充图片组件) src="/images/avatar.png" _____(3.补充图片组件属性)='aspectFit'/>
        </view>
    </view>        


<!-- 详细信息区域 -->
<view class="menu">
	<view class="item">姓名：小丽</view>
	<view class="item">年龄：20</view>
	<view class="item">性别：女</view>
	<view class="item">特长：绘画、书法</view>
	<view class="item">爱好：编程</view>
	</view> 16 </view>
</view>

<!-- 配置页脚 -->
<view class="footer" hover-class='bgc' hover-start-time="1000" hover-stay-time="3000">
    <_____(3.补充文本组件)>想联系我吗？<_____(补充文本组件)><br/>
    <_____(4.补充单选按钮) value=""/>发邮箱给我dd@qq.com
    <_____(5.补充按钮组件)>发送</_____(补充按钮组件)>
</view>
</view>

<text>pages/life/life.wxml</text>
<view class="vd"
      <view classs="item"
         <_____(1.补充视频组件) src="http://127.0.0.1:3000/01.mp4“ poster="http://127.0.0.1:3000/st2.png” controls="true" loop="true" />
<!-- autoplay="true-->
        </view>
</view>

2. 页面路径、标签栏、导航栏的配置

pages":[
   //1.配置页面路径
   "_____(补充index路径) "
   "_____(补充info路径) "
   "_____(补充life路径)"
],
"window":{
  // 2.配置设置导航栏
"_____(补充导航栏标题颜色类型) ":"black",
"_____(补充背景文本颜色类型) ":"light". 
"____(补充导航栏背景颜色) ":"#fff",
"____(补充导航栏文字内容) ":"app.json"
},
"tabBar":{
 // 3.配置标签栏
"color":"#000”，
"_____(补充标签栏选择颜色)":"blue",
"_____(补充标签栏边框颜色)": "black",
"backgroundColor":"#eee",
"list":[{
"pagePath":"pages/index/index"
"text":"首页”，
"iconPath":"images/invite.png",
"selectedIconPath":"images/invite.png'
}.
{
"pagePath":"pages/info/info",
"text":"个人信息” ,
"iconPath":"images/guest.png",
}

3. 重点：swiper 和 swiper-item 组件的使用方法

<view style="height:50px; text-align: center, padding-top:30px;">本地生活</view>

<!--轮播图区域的页面结构-->
// 轮播图
<_____(1.补充滑块视图组件) _____(2.补充是否自动切换)="true" _____(补充是否面板显示指示点)="true" _____(补充切换时间间隔)="3000">
    <_____(补充滑块内容1)>
        <image src="/images/swiper00.jpg" />
    <_____(补充滑块内容1)>  
    
    <_____(补充滑块内容2)>
        <image src="/images/swiper01.jpg" />
    <_____(补充滑块内容2)>
    
    <_____(补充滑块内容3)>
        <image src="/images/swiper02.jpg" />
    <_____(补充滑块内容3)>
    
<_____(补充滑块视图组件)>

swiper{
    height: 350rpx;
}
swiper image{
    width: 100%;      
    height: 100%;
    }

/* 九宫格 */
.grids{
    display:_____(补充flex布局);
    _____(补充是否项目换行): wrap;
    _____(补充主轴方向): column;
    height:760rpx;
}
.grids .item image {
    width: 70rpx;
    height: 70rpx;
}
.grids .item text { 
    color: #999;
    font-size: 28rpx;
    margin-top: 20rpx; 9 
}

4. 表单组件

<____(补充表单容器) bindsubmit="">
    <text>1 输入文本</text>
    <____(补充输入框1) type="____(文本输出)"/>
    <text>2 输入数字</text>
    <____(补充输入框2) type="____(数字输出)" placeholder="数字键盘"/>
    <text>3 输入身份证号码</text>
    <____(补充输入框3) type="____(身份证输出)"/>
    <text >4 带小数点的数字键盘</text>
    <____(补充输入框4) type="____(小数点输出)"/>
    <text>6 密码</text>
    <____(补充输入框5) type="text" password="true"/>
</form>

<____(补充)>普通按钮</button>
<button size="mini">mini普通按钮</button>
<button type="primary">primary主色调按钮</button>
<button type="warn">warn警告按钮</button)
<____(单选按钮) value=""/>单个单选按钮
    <view>互斥按钮</view>
<____(互斥按钮) bindchange="">
    <radio value="0"/>选择1
    <radio value="1" checked="true"/>选择2
</radio-group>

# 五。简答题 2 题 * 15=30 分

1. 简述 BackgroundAudioManager 实例的属性和方法。

2. 简述微信小程序中应用生命周期回调函数 onLaunch ()、onShow ()、onError ()、onHide () 和 onPageNotFound () 的作用。