《微信小程序开发实战》课后题

60岁的程序猿

35774人浏览 · 2021-12-26 12:00:12

60岁的程序猿 · 2021-12-26 12:00:12 发布

黑马程序员版《微信小程序开发实战》

第一章

填空题

1.微信小程序可以通过________方式打开。

答案：扫描二维码

2.微信开发者工具中的上传是指将代码上传到________。

答案：小程序管理后台

3.微信小程序的项目配置文件是________。

答案：project.config.json

4.微信小程序打开后的第一个页面在________文件中进行配置。

答案：app.json

5.微信开发者工具中Console面板的作用是________。

答案：输出调试信息

判断题

1.微信小程序有着无须下载安装，使用方便快捷的特点。( √ )

2.微信小程序不仅可以完全取代原生APP，而且支持跨平台。( × )

3.微信公众号就是微信小程序账号，只有通过注册才可进行微信小程序的开发。( × )

4.微信小程序文件大小限制为2MB左右，且可以在手机上进行预览。( √ )

5.微信小程序通过提交、审核和发布，来完成微信小程序的上线。( √ )

选择题

1.下列关于微信小程序说法正确的是( ACD)。

A.微信小程序无须安装下载，运行在微信环境下

B.微信小程序与WebApp应用的进入方式完全相同

C.微信小程序具有开发周期短、开发成本比较低等优点

D.微信小程序可以跨平台(支持Android、ios )

2.关于微信开发者工具，下面说法正确的是(ABCD )。

A.在微信公众平台网站中找到微信开发者工具的下载地址,根据不同版本进行下载安装

B.为了方便开发，开发者工具提供了两种模板，分别是“普通快速启动模板"和“插件快速,启动模板”，前者用于开发小程序，后者用于开发小程序的插件

C.微信开发者I具的主界面主要由菜单栏、工具栏、模拟器、编辑器和调试器组成

D.使用微信开发者工具之前，需要注册申请微信公众号来获取ApplD

3.关于微信小程序功能描述正确的是(ABCD)

A.微信小程序支持线下扫码

B.微信小程序可以实现与公众号关联

C.小程序支持搜索功能和历史列表

D.小程序不能推送消息

4.下列选项中，属于微信开发者工具功能的是(ABCD )。

A. Console 面板

B. Network 面板

C. Sources 面板

D. AppData 面板

5.下列选项中，关于微信小程序目录结构说法正确的是( ABCD)。

A. project. config json文件用来设置项目的配置文件

B. app.js 用来设置应用的逻辑文件

C. app.ison 文件为应用程序配置文件

D.pages是页面文件的保存目录

简答题

1.请简述什么是微信小程序。

微信小程序是一种不需要安装即可使用的应用，用户只要“扫一扫”或“搜一搜”既可以打开应用，
无需安装或卸载。微信小程序运行与微信之上，它的交互类似于手机原生应用，
但是每个应用体积非常小，上限为2048KB。

3.请简单介绍微信小程序、原生APP和Web App之间的区别。

微信小程序是继原生APP、Web APP之后出现的一种新的APP形态。
适合开发一些业务逻辑简单、低频次使用、对性能要求不高的应用。

原生APP由于Android和IOS两个平台的不兼容，需要开发两个版本，开发成本高。
基于HTML5开发的Web APP解决了跨平台的问题，但是性能和用户体验不佳。

第二章

填空题

1.微信小程序通过________方式实现单击事件。

答案：bindtap和catchtap

2.微信小程序的flex布局中，_______属性来实现子元素的横向排列。

答案：flex-direction

3.微信小程序中按钮通过________组件来实现。

答案：<button>

4.微信小程序中通过________来实现flex布局。

答案：display属性

5.微信小程序中执行页面数据加载完成之后执行的生命周期函数为________。

答案：onLoad()

判断题

1.微信小程序中样式文件为wxss，只支持rpx一种尺寸单位。(×)

2.微信小程序中组件的大小是固定的，无法更改。( ×)

3.微信小程序中，在组件上可以绑定多个数据，同时也可以绑定多个事件。( √ )

4.微信小程序的开发遵循W3C标准。(×)

5.微信小程序中的this指的是window对象。( √ )

选择题

1.下列关于微信小程序说法正确的是( AC )。

A.微信小程序通过开发者工具的快速启动模板来创建

B.微信小程序的应用级配置文件是project.config.json文件

C.微信小程序开发的目录结构中app.json可以用来配置pages和windows属性

D.微信小程序中app.wxss为公共结构文件

2.下面不属于flex布局属性的是( D )。

A. flex: 1

B. display: flex

C. flex- -direction:row

D. float:left

3.微信小程序中单击事件是( B)。

A. touchmove

B. tap

C. touchend

D. touchstart

4.下列选项中，不属于App生命周期函数的是( BC)。

A. onLaunch

B. onLoad

C. onUnload

D. onHide

5.下列选项中，用来描述iPhone 6中元素大小单位rpx与px的关系是( D)。

A.1rpx=1px

B.1rpx=2px

C.1rpx=3px

D.1rpx=0.5px

简答题

3.简述微信小程序开发具体步骤及所需的文件结构。

步骤：
打开安装好的微信开发者工具，选择小程序项目；
填写小程序项目信息，利用普通快速启动模板创建目录结构；
文件结构：
打开目录结构主要包括项目配置文件project.config.json、
应用程序配置文件app.json、公共样式文件app.wxss、
页面结构目录pages、app.js应用程序的逻辑代码等。

第三章

填空题

1.微信小程序中用______ 组件可以实现导航栏。

答案：<navigator>

2.微信小程序中能够实现轮播效果的组件是______。

答案：<swiper>

3.微信小程序中实现滚动条事件的绑定方法是______。

答案：bindscroll

4.微信小程序中引入音频的组件是______。

答案：<audio>

5.微信小程序中控制音频播放方法是______。

答案：play()

判断题

1.微信小程序中wx:for指令能够实现列表的渲染，并且可以嵌套使用。( √ )

2.swiper 组件可以实现页面的轮播效果。( √ )

3.scroll-view 组件是用来设置页面的滚动区域，使用后会自动产生滚动条。( × )

4.在使用wx:for时，绑定wx:key属性可以提高渲染列表的性能。( √ )

5.在WXSS中可以通过background引入本地图片。( × )

选择题

1.下列关于微信小程序中wx:for说法正确的是( ABC )。

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

B. wx:for-item 可以用来重新定义当前数据元素的变量属性名

C. wx:for-index 可以设置当前索引变量的属性名

D.wx:else可以单独使用实现页面的条件渲染

2.下面不属于scroll-view组件属性的是( D )。

A. scroll-x

B. scroll-top

C. bindscroll

D. current

3.下面关于slider滑动组件属性中，可以用来调节进度的是( A )。

A. value

B. progress

C. bindchange

D. activeColor

4.下面关于微信小程序中的CSS动画说法正确的是( ABCD )。

A.微信小程序支持CSS3动画

B.通过animation- play- -state属性可以控制动画的状态

C.通过animation属性可以设置动画的播放效果

D.微信小程序中的rotate可以用来设置旋转动画效果

5.关于image组件，下面属性中用来保持图片的纵横缩放比的是( C )。

A. apectFill

B. scaleToFill

C. aspectFit

D. widthFix

简答题

1.微信小程序开发过程中页面渲染的方式有哪些?简单举例说明。

wx:for列表渲染；
举例：通过循环数组实现，语句：wx:for=”{{[…]}}”；
wx:if条件渲染;
举例：通过给定布尔值实现，语句wx:if=”{{true/false}}”

第四章

填空题

1.___是视图层的基本组成单元。

答案：组件

2.swiper 内部只可以放置___组件。

答案：<swiper-item/>

3.设置text 文本内容长按可选的属性是___。

答案：selectable

4.navigator 组件通过设置_______属性，来区分不同的跳转功能。

答案：open-type

5.通过image的_______属性来设定不同的图片展示模式。

答案：mode

判断题

1.所有组件和属性都使用小写。( √ )

2.video 组件用来播放音频。(×)

3.audio 组件用来播放视频。( × )

4.canvas 组件用来绘制形状。( √ )

5.只有给父元素设置display:flex，才可以使用flex的相关属性。( √ )

选择题

1.下列对于input组件的说法错误的是( D )。

A.可以设置input输入框的禁用

B.用来控制输入单行文本内容

C.通过placeholder给输入框添加友好提示信息

D. input 的type属性有3种有效类型

2.关于组件描述错误的是( A )。

A.所有组件都使用大写

B.组件自带一些微信风格的样式和功能

C.组件是视图层的基本组成单元

D.所有组件都有基础属性

3.关于form表单组件描述错误的是( A )。

A.每个表单内的组件不用设定name属性

B.form表单提交的是表单内选中的所有组件

C.form组件用来将表单里的值提交给JS逻辑层进行处理

D.button中的type有两个属性分别是submit和reset

4.下列关于text文本组件，说法正确的是( D )。

A. text 的selectable属性，表示文本是否可选

B. text的space属性，有效值为emsp表示中文字符空格大小

C.text的decode属性，表示是否解码

D. text 组件内支持text和view的嵌套

5.下列关于媒体组件，说法正确的是( A )。

A.媒体组件包括音频组件、视频组件、图片组件

B. image 组件的mode属性有12种展现模式

C. audio 表示视频组件

D.video组件的宽高不能通过WXSS设置

简答题

1.简述如何使用scroll-view实现内容横向滚动。

2.简述如何获取input输入框的值。

3.请简述input组件中哪个属性可以设置输入文本的最大长度。

第五章

填空题

1.微信小程序中设置______禁止下拉。

答案：“enablePullDownRefresh”:false

2.上传文件的API是______。

答案：uploadFile

3.从相册选择图片，或者拍照使用的API是______。

答案：chooseImage

4.获取当前位置使用的API是______。

答案：wx.getLocation

5.用于tabBar页面与tabBar页面之间跳转的API是______。

答案：wx.switchTab

判断题

1.wx.navigateTo 保留当前页面，跳转到tabBar页面。( × )

2.wx.switchTab 可以跳转到应用中某一页面。( × )

3.wx.login 是开放接口。( √ )

4.拨打电话API接口是wx.PhoneCall。( × )

5.获取收货地址API接口是wx. chooseAddress。( √ )

选择题

1.下列关于微信小程序导航跳转描述错误的是( C )。

A. wx.navigateTo 保留当前页，跳转到应用内的某个页面

B. wx.redirectTo 关闭当前页面，跳转到应用内某个页面

C.wx.switchTab跳转的路径后可以带参数且跳转到tabBar页面

D. wx.reL aunch关闭所有页面，打开到应用内某页面

2.关于header请求的头部描述错误的是( D )。

A. header中不能设置Referer

B. header有两种请求类型

C.默认值是’content -type’: ‘application/json’

D. ‘content- type’: 'application/x-www- -form-urlencoded’会将数据进行JSON序列化

3.关于wx.request属性描述正确的是( A )。

A.只能发起HTTPS请求

B. URL可以带端口号

C.返回的complete方法，只有在调用成功之后才会执行

D. header中可以设置Referer

4.下列关于小程序数据缓存API的说法错误的是( D )。

A. wx.setStorage()异步保存数据缓存

B. wx.getStorageInfoSync()同步获取当前storage的相关信息

C. wx.getStorage()从本地缓存中异步获取指定key的内容

D.异步方式需要执行try…catch捕获异常来获取错误信息

5.、下列选项中，关于小程序API描述，说法错误的是( C )。

A. onPullDownRefresh 实现页面下拉刷新

B. wx.getlmageInfo 获取图片信息

C. wx.openLocation打开当前位置

D. wx.checkLogin 检查登录态是否过期

wx.openLocation使用微信内置地图查看位置

简答题

1.简述微信小程序中如何禁止下拉。

2.简述header头部请求的两种请求方式。

3.简述WX. navigateTo、wx. redirectTo和wx. switchTab跳转方式的区别。

wx.navigateTo只能用于跳转到非标签页，且保留当前页面，跳转页面后单击左上角可以返回到上一个页面。
wx.redirectTo只能用于跳转到非标签页，且关闭当前页面，不能返回到上一个页面。
wx.switchTab只能用于跳转到标签页，且关闭其他所有非标签页。

第六章

填空

1.导出动画队列需要用到________方法。

答案：export()

2.下载文件的API是_________。

答案：wx.downloadFile

3.上传文件的API是________。

答案：wx.uploadFile

4.实现倾斜效果使用到的动画API是________。

答案：animation.skew()

5.实现缩放效果使用到的动画API是________。

答案：animation.scale ()

判断题

1.父元素设为flex布局后，子元素的float属性可以照常起作用。( × )

2.在canvas(画布)组件中，canvas–id属性是其唯一的标识符。( √ )

3.wx.getRecorderManager()用于获取全局唯一的录音管理器。( √ )

4.异步获取系统信息使用的API是wx.getSystemInfoSync()。( × )

5.消息提示框使用的API是wx.showToast()。( √ )

选择题

1.下列关于微信小程序动画API描述错误的是( C )。

A. wx.createAnimation()用于创建动画实例

B. animation.rorate()用于动画旋转

C. animation 动画对象不支持链式写法

D. animation.translate()用于动画平移

2.下列关于微信小程序文件操作API描述错误的是( A )。

A. wx.openDocument()用于在当前页面打开文档

B. wx.saveFile()用于保存文件到本地

C. wx.removeSaveFileFile()用于删除本地缓存文件

D. wx.getFilelnfo()用于获取文件信息

wx.openDocument()新开页面打开文档

3.关于flex属性描述正确的是(B)。

A. flex-direction: row表明成横向排列，起点在右端

B. flex-wrap: nowrap 默认不换行

C. align- items定义了主轴上的对齐方式

D. justify-content 定义了交叉轴上的对齐方式

4.下列关于canvas中的方法，说法错误的是( D )。

A. CanvasContext.setFillStyle()用于填充颜色

B. CanvasContext.move To()把路径移动到画布中的指定点，不创建线条

C. CanvasContext.lineTo()增加一 -个新点，创建. -条从上次指定点到目标点的线

D. CanvasContext.rect()用于创建一个圆形路径

5.下列选项中，关于小程序图片相关API的描述，说法错误的是( B )。

A. wx.chooselmage()表示从本地相册选择图片或者使用相机拍照

B.在选择图片时，count参数设置上传图片的张数，默认为1

C. wx.previewlmage()表示在新页面中全屏预览图片

D. wx.getlmagelnfo()可获取图片信息

简答题

1.简述使用flex如何实现容器内元素的垂直居中对齐。

2.简述小程序的WXSS和CSS有哪些不同之处。

wxss是一套样式语言，用于描述wxml的组件样式；
wxss具有css的大部分特性，并在css基础上做了一些扩充和修改。

wxss扩展的特性有：
尺寸单位：rpx: 可以根据屏幕宽度进行自适应
样式导入：@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对径，
用;表示语句结束

第七章

填空题

1.小程序中通过_______组件引入模板。

答案：<template>

2.页面组件中循环数组的指令是_______。

答案：wx:for

3.小程序中基于Vue.js开发的框架是_______。

答案：mpvue

4.小程序中WeUI是一个_______库。

答案：基础样式

5.小程序中插件的配置publicComponents表示_______。

答案：公共组件配置字段

判断题

1.小程序中使用WeUI可以快速构建样式。( √ )

2.小程序中可以通过操作DOM来实现页面数据的操作。( ×)

3.小程序是运行在Chrome浏览器上的。( × )

4.小程序中mpvue的开发思想类似于Vue.js的思想。( √ )

5.小程序中可以通过自定义组件和模板语法进行模块化开发。( √ )

选择题

1.下列关于小程序开发框架说法正确的是( ABCD)。

A.小程序原生框架核心是一个响应式数据绑定系统

B. WePY 框架采用了MVC设计模式，来完成微信小程序项目的开发

C. mpvue 是从整个Vue.js的核心代码上经过二次开发而形成的一个框架

D. WeUl 是微信官方设计团队为微信Web开发量身打造的一个UI样式库

2.以下与微信小程序同属于一个公司开发的是( AB )。

A. WeUI

B. WePY

C . mpvue

D. Vue.js

3.微信小程序框架中用来定义模板的是( B )。

A. <view>

B. <template>

C. <block>

D. <include>

4.在组件模板中可以提供一个( A) 节点，用于承载组件引用时提供的子节点。

A.<slot>

B. <child>

C. <parent>

D. <childNode>

5.下列关于 WePY框架说法正确的是(A)。

A.小程序组件化开发框架

B.样式库

C.基于Vue.js二次开发的小程序框架

D.微信小程序的原生框架

简答题

1.请简述什么是微信小程序框架。

微信小程序框架可以用来快速构建微信小程序项目；
主要包括：mpvue、WeUI、WePY、小程序原生框架；

简要介绍WeUi、mpvue和WePY。

	WeUi是微信官方设计团队为微信Web开发打造的一个基础样式库，
	可以使得小程序的各种组件的设计风格与微信极为相似，给用户更加一致的体验。
	
	mpvue是从整个Vue.js核 心代码上经过二次开发形成的一个框架，
	相当于在Vue.js的基础上增加了开发微信小程序的能力。
	
	WePY在开发过程中参考了Vue.js等现有框架的一些语法风格和功能特性，
	对原生小程序的开发模式的再次封装，更贴近与MVVM模式。

2.请简述WeUI的特点和功能。

3.请简单介绍WePY框架与mpvue框架的区别。