微信小程序开发教程:项目四组件布局 课后习题
《微信小程序开发教程》主编/黄寿孟 易芳 陶延涛 湖南大学出版社
目录
一、单选题
二、多选题
三、判断题
四、填空题
五、简答题
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.设计一款简单的“天气微信小程序”。
微信小程序开发教程:项目四组件布局 课后习题相关推荐
- 微信小程序开发教程:项目六媒体组件 课后习题
<微信小程序开发教程>主编/黄寿孟 易芳 陶延涛 湖南大学出版社 目录 一.单选题 二.多选题 三.判断题 四.填空题 五.简答题 请简单列举音频接口API创建的InnerAudioCon ...
- 微信小程序开发教程:项目五导航组件 课后习题
<微信小程序开发教程>主编/黄寿孟 易芳 陶延涛 湖南大学出版社 目录 一.单选题 二.多选题 三.判断题 四.填空题 五.简答题 简述如何动态设置窗口的背景色. 六.编程题 1.设计一款 ...
- 微信小程序开发教程:项目一微信小程序入门 课后习题
<微信小程序开发教程>主编/黄寿孟 易芳 陶延涛 湖南大学出版社 目录 一.单选题 二.多选题 三.判断题 四.填空题 五.简答题 1.请简述微信开发者工具中调试器功能. 2.请简述微信小 ...
- 微信小程序开发教程:项目三表单组件 课后习题
<微信小程序开发教程>主编/黄寿孟 易芳 陶延涛 湖南大学出版社 目录 一.单选题 二.多选题 三.判断题 四.填空题 五.简答题 1.请简单描述搭建node后台服务器的过程. 2.在调查 ...
- 微信小程序开发教程:项目二微信小程序开发基础 课后习题
<微信小程序开发教程>主编/黄寿孟 易芳 陶延涛 湖南大学出版社 目录 一.单选题 二.多选题 三.判断题 四.填空题 五.简答题 1.请简单描述页面样式的单位rpx与px的关系. 2.简 ...
- 微信小程序开发教程!博卡君第二弹【微信小程序项目结构以及配置】
前面我们转了博卡君通宵吐血赶稿的微信小程序开发教程,当时只更新了两章,现在接着发布第三章:微信小程序项目结构以及配置,第四章:微信小程序首页面开发,以下是微信小程序教程 找到创建的 demo 文件夹, ...
- 微信小程序装修解决方案ppt_微信小程序开发教程.ppt
微信小程序开发教程.ppt 从开发CMS系统学起 从入门到精通的微信小程序开发教程 学微信小程序开发 从实践中学习是开发者最好最快的学习方法.本教程将和大家从零开始 一步一步搭建微信小程序CMS系统, ...
- 微信小程序开发教程手册文档
微信小程序开发教程文档 微信小程序是什么?微信小程序如何开发?微信小程序开发教程有哪些?本教程将从微信小程序本身,结合微信官方-微信小程序开发工具,带你一步步创建一个微信小程序,并在手机操作预览该小程 ...
- 微信小程序开发教程第七章:微信小程序编辑名片页面开发
前面我们更新了六篇的微信小程序开发教程,现在更新第七章:微信小程序编辑名片页面开发,(第一二章:微信小程序开发教程,第三四章:微信小程序项目结构以及配置&微信小程序首页面开发,第五章:微信小程 ...
最新文章
- 刚刚!微信再次官宣2000w+个限量版虎年红包封面,超好看!速度撸!
- U盘无法拷贝超过4G的大文件
- java创建配置文件_java – 如何创建紧凑的配置文件
- String类的使用 Part2
- Linux 下, npm i 老是被killed 已杀死
- 模拟 hihoCoder 1177 顺子
- 译 | 你到底有多精通 C# ?
- Android之监测database的改变--notifyChange
- 安卓案例:使用AChartEngine绘制折线图
- Iphone4信号,苹果象个被惯坏的孩子
- 《高性能Linux服务器构建实战Ⅱ》一书纠错汇总(12月30日更新)
- [11]2020-CVPR-State-Relabeling Adversarial Active Learning论文笔记
- ubuntu7.10下配置java 6和mysql
- 深度报告:移动边缘计算,站在5G“中央”
- java pdf打印_Java 打印PDF文档(3种方式)
- Masked GCN论文解读
- 详解java人力外包的费用组成
- 编写一个简单Java程序,计算银行年存款的本息
- 小红伞命令行工具ScanCL使用安装
- Java初学 通过接口实现猫狗跳高