一、填空题
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-direction:用于设置主轴的方向(横向或纵向)。
- justify-content:用于设置项目在主轴上的对齐方式。
- align-items:用于设置项目在交叉轴上的对齐方式。
- flex-wrap:用于设置项目是否换行。
- align-content:用于设置多行项目在交叉轴上的对齐方式。
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
目录下是小程序的工具文件,用于封装一些常用的工具函数和方法等。
五、编程题
备注:自己做的,答案如果不准确欢迎大家提出,会立即改正
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net