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

目录

一、单选题

二、多选题

三、判断题

四、填空题

五、简答题

1.请简述微信开发者工具中调试器功能。

2.请简述微信小程序开发环境的搭建过程。

六、编程题

1.请创建一个空白项目，在页面中输出Hello World。

2.请创建两个页面，通过按钮来互相切换。

---

一、单选题

1.下面对于微信小程序的描述，错误的是（C）。
A.微信小程序是一种不需要安装即可使用的应用
B.微信小程序运行在微信之上，类似于原生App 
C. 微信小程序应用大小上限为3048kB 
D.微信小程序可以实现跨平台

2.微信小程序走由（A）提出，并解决了App使用的效率问题。

A.张小龙

B.尤雨溪

C.马化腾

D.李宏彦

3.下面功能选项中，微信小程序不支持的是（A）。

A.集体入口

B.线下扫码

C.挂起状态

D.消息通知

4.下列公众平台类型中主要用于为用户传达资讯，类似报纸、杂志的是（D）。

A.企业微信

B.服务号

C.小程序

D.订阅号

5.下列公众平台类型中主要用于公司内部通信使用，在关注前需要先验证身份的是（B）。

A.服务号

B.企业微信

C.订阅号

D.小程序

6.小程序开发环境搭建，主要就是安装（B）。

A.Chrome

B.微信开发者工具

C.编辑器

D.微信客户端

7.小程序目录结构中，（B）文件是应用配置文件。

A.app.js

B.app.json

C. project. config. js

D.index.json

8.微信开发者工具中，调试器中的（B）可以查看网络请求信息。

A.Console面板

B.Network面板

C.AppData面板

D.Sources面板 

9.下面对小程序项目设置项的说法，错误的是（D）。

A.ES6转ES5就是将JavaScript 代码的ES6语法转换为ES5语法

B.使用npm模块就是在小程序使用npm安装的第三方依赖包

C.校验合法域名就是在真实环境中，对信息进行检验

D.调试基础库可以再任意版本的微信客户端上运行

二、多选题

1.微信开发者工具的主界面主要由菜单栏和（ABCD）组成。

A.编辑器

B.模拟器

C.调试器

D.工具栏

2.下面关于微信小程序工具栏的说法，正确的是（AB）

A.切后台是用于模拟小程序在手机中切后台的效果

B.版本管理可以通过Git对小程序进行版本管理

C.快捷键Ctrl+C可以实现自动编译

D.如果在创建项目时使用的AppID为测试号，工具栏也会显示上传按钮

3.下面对于微信小程序目录结构的说法，正确的是（AB）。

A.app.wxss表示公共样式文件

B.index .wxss表示页面样式文件

C.app.js应用逻辑配置文件

D.index .js应用逻辑代码文件

4.下面对于微信小程序开发环境搭建的说法，正确的是（ACD）。

A.微信小程序开发，首先需要注册微信公众号

B.微信小程序开发环境也可以开发普通网页

C.微信小程序管理后台可以实现小程序的提交审核、发布、回退

D.微信小程序开发环境的搭建主要就是微信开发者工具的下载及安装

5.下列关于微信小程序的优点描述，正确的是（ABC）。

A.微信小程序无需下载，通过扫一扫方式获取

B.微信小程序无需升级

C.微信小程序开发周期短，开发成本低

D.微信小程序能推送消息

6.下列对微信小程序的功能描述，正确的是（ABD）。

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

B.可以在聊天窗口和微信小程序之间进行切换

C.微信小程序可以通过集中入口进入

D.微信小程序可以进行消息通知

7.下面关于小程序与服务号、订阅号的说法，正确的是（ABC）

A.小程序提供了丰富的接口

B.订阅号提供接口受限于浏览器

C.服务号运营后台提供的是非实时数据

D.服务号跟小程序是一样的

三、判断题

1.微信公众号类型主要有小程序、服务号、企业微信、订阅号。（√）

2.微信公众号主要用作区分每个开发者，以及小程序的发布、审核、上线等。（√）

3.在微信小程序中，AppID 又称为小程序ID,是每个小程序的唯一标识。（√）

4.微信开发者工具中的Console 面板用于输出调试信息。（√）

5.在微信小程序中，每个页面由WXML,WXSS,JavaScript 和JSON文件组成，其中WXML和JavaScript 文件必须存在，WXSS和JSON文件可以省略。（√）

6.WXML和WXSS文件类似于网页开发中的HTML和CSS文件。（√）

7.微信小程序开发模式类似于Vue.js，同时支持组件化开发。（√）

8.微信小程序云开发能力从基础库2.2.3开始支持。（×）

9.微信小程序不支持ES6语法，但支持CSS动画。（×）

四、填空题

1.微信小程序用户量主要来自（微信）用户的数量。

2.微信小程序和Web App 在技术上的主要相同点是可以（跨平台）。

3.微信小程序通过（扫描二维码）、搜索关键字、群分享、好友分享方式打开。

4.在微信开发者工具中，（工具栏）提供了常用功能的快捷按钮。

5.（调试器）类似于Google Chrome 浏览器中的开发者工具。

6.在微信小程序目录结构中，project .config .json文件是（项目配置文件）。

7.微信开发者工具支持（windows和Mac OS）操作系统。

8.微信开发者工具是由（微信团队）开发的进行应用和服务开发的工具。

五、简答题

1.请简述微信开发者工具中调试器功能。

微信开发者工具类似于Chrome浏览器中的开发者工具。 1.Console面板：控制台面板用于输出调试信息； 2.Source面板：源代码面板可以查看和编辑源代码 3.Network面板：网络面板，用于记录网络请求信息，根据它进行网络信息优化 4.AppData面板：App数据面板，可以查看小程序当前运行时的数据 5.Wxml面板：主要是用于查看和调试结构和样式 6.Sensor面板：传感器面板，主要用于模拟地理位置，重力感应

2.请简述微信小程序开发环境的搭建过程。

（1）首先注册微信公众号，获取小程序AppID。

（2）在首页中根据需要进行下载微信开发者工具。

（3）打开安装包，选择安装路径，完成安装使用。

六、编程题

1.请创建一个空白项目，在页面中输出Hello World。

2.请创建两个页面，通过按钮来互相切换。

（1）pages目录下，新建test文件夹

（2）在test目录下新建helloworld配置文件 

 （3）编辑helloworld.wxml页面

<view class="container">  
    <text>Hello World</text>  
</view>  

（4）编辑helloworld.js页面

//helloworld.js  
//获取应用实例 （可填也可不填） 
var app = getApp()
Page({
  data: {
    userInfo: {}
  },
  onLoad: function () {
    console.log('onLoad test');
  }
})  

（5）将helloworld 页面加入 app.json

打开全局文件 app.json，在文件里面添加helloworld路径

（6）在首页加入跳转访问链接 

  <view class="btn-area">  
   <navigator url="/pages/test/helloworld" hover-class="navigator-hover">跳转Hello world页面</navigator>  
  </view>  

 （7）测试

 

 （8）设置页面标题

在helloworld.json中添加：

{
  "navigationBarTitleText": "Hello"
}