微信小程序开发实战课后习题解答————第二章(作业版)

一、填空题

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 布局主要的属性:

  1. flex-direction:用于设置主轴的方向(横向或纵向)。
  2. justify-content:用于设置项目在主轴上的对齐方式。
  3. align-items:用于设置项目在交叉轴上的对齐方式。
  4. flex-wrap:用于设置项目是否换行。
  5. align-content:用于设置多行项目在交叉轴上的对齐方式。     

Flex 布局的兼容性情况:

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

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

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

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

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

  1. 准备开发环境:下载并安装微信开发者工具,配置开发者账号和开发环境。

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

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

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

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

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

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

├── 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.jsapp.json 和 app.wxss 是小程序的全局文件,用于定义小程序的全局逻辑和样式等。pages 目录下是小程序的页面文件,每个页面都有一个对应的文件夹,包括 .js.wxml.wxss 和 .json 文件等。utils 目录下是小程序的工具文件,用于封装一些常用的工具函数和方法等。

五、编程题

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

猜你喜欢

转载自blog.csdn.net/dazhanglao/article/details/130525819