微信小程序开发实战课后习题解答

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

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

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

4.微信小程序通过  display: flex 来实现felx布局

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

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

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

3.微信小程序中，在组件上可以绑定多个数据，同事也可以绑定对个事件。（✔）

4.微信小程序的开发遵循W3C标准。（✔）

5.微信小程序中的this指的是window对象。（×）

1.下列关于微信小程序的说法正确的是（A、B、C、D）。

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. onHide

4. 下列选项中，不属于App生命周期函数的是（A）

A.  onLaunch          B.  onLoad     C.onUnload         D. onHide

5. 下列选项中，用来描述iPhone6中元素大小单位rpx与px的关系是（D）。

A.   1rpx=1px         B. 1rpx=2px        C.1rpx=3px       D. 1rpx=0.5px 

1. 请举例说明什么是事件，什么是事件处理函数。

在微信小程序中，事件是指用户与小程序交互时发生的行为，例如点击、滑动等。而事件处理函数则是指在用户触发事件时，相应的处理函数会被调用，用于执行一些特定的操作或逻辑。

2. 简单介绍flex布局及其兼容性。

Flex 布局是一种新的布局方式，它可以实现灵活的布局和对齐方式。在 Flex 布局中，容器和项目都可以设置各种属性，用于控制它们的布局和对齐方式。以下是 Flex 布局主要的属性：

Flex 布局的兼容性情况：

支持 Flex 布局的浏览器：Chrome、Firefox、Safari、Edge、Opera、iOS Safari、Android Browser、Chrome for Android 等现代浏览器均支持 Flex 布局。

部分支持 Flex 布局的浏览器：IE10、IE11、Android Chrome 28-33 等一些较老的浏览器也支持 Flex 布局，但对某些属性（如 flex-wrap）的支持不完整，需要进行兼容性处理。

不支持 Flex 布局的浏览器：IE9 及以下版本的浏览器不支持 Flex 布局，需要使用其他布局方式进行兼容性处理。

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

微信小程序开发的具体步骤如下：

准备开发环境：下载并安装微信开发者工具，配置开发者账号和开发环境。

创建项目：在微信开发者工具中创建一个新的小程序项目，设置项目名称、AppID 和项目路径等信息。

编写代码：按照小程序的目录结构，在项目中编写相应的代码文件，包括 .js、.wxml、.wxss 和 .json 文件等。

调试和预览：在微信开发者工具中进行调试和预览，检查小程序的功能和界面效果。

发布代码：在微信开发者工具中将小程序代码上传到微信后台，并设置小程序的版本号和发布信息等。

提交审核：在微信公众平台上提交小程序的审核申请，并等待审核通过后发布小程序。

微信小程序的文件结构如下：

├── app.js ├── app.json ├── app.wxss ├── pages │   ├── index │   │   ├── index.js │   │   ├── index.wxml │   │   └── index.wxss │   └── other │       ├── other.js │       ├── other.wxml │       └── other.wxss └── utils     └── util.js

在微信小程序的目录结构中，app.js、app.json 和 app.wxss 是小程序的全局文件，用于定义小程序的全局逻辑和样式等。pages 目录下是小程序的页面文件，每个页面都有一个对应的文件夹，包括 .js、.wxml、.wxss 和 .json 文件等。utils 目录下是小程序的工具文件，用于封装一些常用的工具函数和方法等。

1、请编写一个商品列表页面，展示商品名称和价格。

2、请编写一个用户登录页面，Ian，提示输入用户名和密码进行登录。

代码地址微信小程序开发实战课后编程题: 微信小程序开发实战(黑马程序员）课后编程题的答案，自己开发版，有问题欢迎提出改正 - Gitee.com

备注：自己做的，答案如果不准确欢迎大家提出，会立即改正