第二章总结

前言：

小程序的基本目录结构

1. 项目主目录下有两个子目录（pages和utils）和4个文件（app.js、app.json、app.wxss和project.config.json）。
2. project.config.json文件是项目配置文件
3. pages目录中有2个子目录，分别是index和logs

1.主体文件

• app.js 小程序逻辑文件，主要用来注册小程序全局实例。
• app.json 小程序公共设置文件，配置小程序全局设置。
• app.wxss 小程序主样式表文件。

2.页面文件

• .js文件  页面逻辑文件
• .wxml文件  页面结构文件，用于设计页面的布局、数据绑定等
• .wxss文件  页面样式表文件，用于定义本页面中用到的各类样式表
• .json文件  页面配置文件

小程序的开发框架

创建小程序页面

1.在pages目录下新建一个index目录，在index目录下新建index.js、index.json、in-dex.wxml、和index.wxss空文件。

2.打开index.wxml文件，输入“欢迎学习小程序”，打开项目配置文件app.json输入代码："pages/index/index"

3.打开index.json文件，输入代码：

index.json{

}

4.打开index.js文件，输入代码：Page({

})

配置文件

window配置项

tabBar配置项

tabBar中list选项

networkTimeout配置项

项目逻辑文件配置项

页面逻辑文件配置项

创建一个页面文件news

1.打开app.json文件，输入代码：

在app.json中设置window配置项：

在app.json文件中设置tabBar配置：

页面配置文件

逻辑层文件

js

wxml

运行结果

页面结构文件

运行结果

逻辑运算

三元运算

条件数据绑定

1、wx:if条件数据绑定

模板

引用页面文件

1.import方式

2.include方式

页面事件

• 定义事件函数  在.js文件中定义事件函数来实现相关功能，当事件响应后就会执行事件处理代码。
• 调用事件  调用事件也称为注册事件

在小程序中，事件分为冒泡事件和非冒泡事件两大类型。

• 冒泡事件  冒泡事件是指某个组件上的事件被触发后，事件会向父级元素传递，父级元素再向其父级元素传递，一直到页面的顶级元素。
• 非冒泡事件  非冒泡事件是指某个组件上的事件被触发后，该事件不会向父节点传递。

冒泡事件

选择器

wxss仅支持css中常用的选择器，如：.class、#id、element、before、aftert等。

wxss常用属性