第二章总结

配置文件：

pages：放的是所有的页面

utils：放的是所有的工具包，所有页面都可用

主体文件：

       微信小程序的主体由3个文件组成，这三个文件必须放在项目的主目录中，负责小程序的整体配置，它们名字是固定的

app.js：小程序逻辑文件（该文件在项目中不可缺少）

app.json：小程序公共设置文件（该文件在项目中不可缺少）

app.xwss：小程序主样式文件（该文件在项目中不是必须的）

页面文件：

       小程序通常是由多个页面组成的，美国页面包含4个文件，同一页面的这4个文件必须具有相同的路径与文件名，进入小程序时或页面跳转时，小程序会根据app.json设置的路径找到对应的资源进行数据绑定

.js文件：页面逻辑文件

.wxml文件：页面结构文件

.wxss文件：页面样式表文件

.json文件：页面配置文件

小程序的开发框架：

微信小程序框架介绍

        微信团队为小程序提供的框架命名为MINA。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能，对上层提供一整套JavaScript API，让开发者方便的使用微信客户端提供的各种基础功能与能力，快速构建应用。

      微信小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑

创建小程序页面：

1. 在pages文件夹右键建立新的文件夹  news
2. 并在该目录下创建news.js,  news.json,  news.wxml,  news.wxss
3. 在news.json中输入{}  ，保证文件不为空
4. 在news.js中输入page({}),  保证文件不为空

配置文件

全局配置

pages配置项

  pages配置项用于指定当前小程序包含哪些页面(index / logs)

"pages": [
    "pages/index/index",
    "pages/logs/logs"
]

window配置项

  window配置项用于设置小程序导航栏/标题/窗口的内容及表现样式， object类型.

tabBar中的list项目

networkTimeout配置项

逻辑层文件

项目逻辑文件的配置项

页面逻辑文件 配置项

页面结构文件

1.数据绑定：小程序进行页面绑定时，框架会将WXML文件同时对应Page的data进行绑定，在页面中我们可以直接使用data中的数据。小程序的数据绑定使用Mustache语法（{{}}）将变量或简单的运算规则包起来

2.条件数据绑定：wx:if条件数据绑定，block wx:if条件数据绑定，

3.列表数据绑定

4.模板：在项目过程中，常常会遇到某些相同的结构在不同的地方反复出现，这时可以将相同的布局代码片段放置到一个模板中，在不同的地方传入到对应的数据进行渲染，这样能避免重复开发，提升开发效率

5.引用页面文件：import方式，include方式

6.页面事件

冒泡事件

页面样式文件

wxss常用属性：