微信小程序开发教程：项目四组件布局 课后习题

《微信小程序开发教程》主编/黄寿孟 易芳 陶延涛 湖南大学出版社

目录

一、单选题

二、多选题

三、判断题

四、填空题

五、简答题

1.请简单地介绍微信小程序flex布局的使用。

2.如何通过代码获取计算器功能按钮的值？

六、编程题

1.请用flex实现3栏布局，已知高度、左右栏宽度均为200px，中间自适应。

2.设计一款简单的“天气微信小程序”。

---

一、单选题

1.微信小程序中的flex布局，通过(B)属性控制排列方向。
A.flex 
B. flex-direction 
C.align-item 
D.justify-content 
2.微信小程序组件view中，（C）用于鼠标按下时显示的class 样式。
A.hover-id 
B.hover 
C.hover-class 
D.hover-view 
3.小程序页面样式文件中，不能用作wxss元素尺寸单位的是（D）。
A.rpx 
B.px 
C.vh 
D.Rpx 
4.定义字符串var str = " 2.0000 " ,那么str.indexOf ( " . " )的返回值是（B）。
A.-1 
B.1 
C.true 
D.false 

二、多选题

1.下面关于小程序app.js文件的说法，正确的是（ABCD）。
A.app.js文件是一个应用级逻辑代码文件
B.app.js文件通过App({ })函数定义应用程序，通过getApp()函数来获取应用
C.getApp()方法返回的是对象
D.App()必须在app.js中注册，且不能注册多个

2.下面关于小程序中index.js文件的说法，正确的是（ABC）。
A.index.js文件是页面级注册的逻辑代码
B.index.js文件通过Page({ }),完成页面的注册
C.在index.js文件中，通过调用getApp()函数获取小程序应用示例
D.index.js文件是应用级注册的逻辑代码

三、判断题

1.微信小程序的页面结构配置中，index.json文件高于app.json文件的级别。（√）
2.微信小程序页面样式文件中，其级别index.wxss文件高于app.wxss文件。（√）
3.不要在定义于App()内的函数中调用getApp((),使用this就可以拿到App实例。（√）
4.小程序提供了全局的getApp()函数，可以获取到小程序实例。(√)
5.由于JavaScript 中的浮点数计算本身就不准确，所以本项目案例也存在浮点数计算不准确的问题。（√）
6.组件的data-val属性值可以通过事件对象获取。（√）

四、填空题

1.在微信小程序的index.json文件中，（navigationBarBackgroundColor）字段用来配置导航栏的背景颜色。
2.在微信小程序的index.json文件中，（navigationBarTextStyle）字段用来配置导航栏标题的颜色。
3.微信小程序页面结构中，（flex）布局方式被称作是弹性盒子布局。
4.定义字符串var str="chuanzhiboke"，那么str.substr (0,str.length-1)的返回值是（chuanzhiboke）。
5.通过设置box-sizing的值为（border-box）使边框作为宽高的一部分。
6.微信小程序flex布局中，（justify-content）用来设置在横向坐标轴上的对齐方式。

五、简答题

1.请简单地介绍微信小程序flex布局的使用。

（1）首先给父元素设置display:flex属性，这样子元素才可以使用flex相关属性；

（2）子元素使用相关flex属性，如设置排列方式flex-direction；设置横轴上对齐方式使用justify-content属性等

2.如何通过代码获取计算器功能按钮的值？

结构代码：
+ 
-
*
/
=
index.js代码 
opBtn：function(e){ 
    console.log(e.target.dataset.val); 
}

六、编程题

1.请用flex实现3栏布局，已知高度、左右栏宽度均为200px，中间自适应。

2.设计一款简单的“天气微信小程序”。