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

一、填空题

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 目录下是小程序的工具文件,用于封装一些常用的工具函数和方法等。

五、编程题

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

  • 1
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,关于微信小程序开发和电影小程序的基础目录和欢迎页面的创建,我可以为您提供一些帮助。 1. 基础目录的创建 在微信开发者工具中创建一个新的小程序项目,会自动生成一些基础的目录和文件。其中比较重要的有以下几个: - app.js:小程序的入口文件,可以在这里定义全局的变量和函数。 - app.json:小程序的全局配置文件,可以设置小程序的页面路径、窗口设置、导航栏样式等。 - pages/:小程序的页面目录,可以在这里创建小程序的各个页面。 - utils/:小程序的工具目录,可以在这里封装一些公用的函数和工具类。 2. 欢迎页面的创建 在小程序的根目录下,创建一个名为“index”的页面,作为小程序的欢迎页面。具体步骤如下: - 在pages目录下创建一个名为“index”的目录,然后在该目录下创建一个名为“index.wxml”的文件。这个文件就是欢迎页面的布局文件,可以在里面定义页面的结构和样式。 - 创建一个名为“index.js”的文件,这个文件是欢迎页面的逻辑文件,可以在里面定义页面的事件处理函数和数据。 - 在app.json文件中,将“index”页面设置为小程序的启动页面,即将“index”页面的路径配置到“pages”数组的第一个元素中。 至此,您已经成功创建了微信小程序的基础目录和欢迎页面。接下来,您可以根据自己的需求,添加更多的页面和功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值