第二章微信小程序开发基础总结

        以第一章新建的项目为参考，了解项目的基本结构，如图，在小程序的基本结构中，项目的主目录有两个子目录（pages和utils）和四个文件（app.json, app.less, app.ts, sitemap.json）。

pages目录中有两个子目录（index和logs）。每个子目录中保存着一个页面的相关文件。一般情况下包含四个扩展名（.wxml, .wxss, .js, .json），分别用于表示页面结构，页面样式文件，页面逻辑，页面配置文件。同一个页面的四个文件必须具有相同的路径和文件名。

主体文件

微信小程序主体由三个文件组成，三个文件必须放在项目的主目录，负责整体配置，名称固定。

app.js 小程序逻辑文件，主要用来注册小程序全局实例。在编译时，app·js文件会和其他页面的逻辑文件打包成一个JavaScript文件。该文件在项目中不可缺少。

app.json小程序公共设置文件，配置小程序全局设置。该文件在项目中不可缺少。

app.wxss小程序主样式表文件，类似HTML的.css文件。在主样式表文件中设置的样式在其他页面文件中同样有效。该文件在项目中不是必需的。

页面文件

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

.js文件 页面逻辑文件，在该文件中编写JavaScript代码控制页面的逻辑。该文件在每个小程序的页面中不可缺少。

.wxml文件 页面结构文件，用于设计页面的布局、数据绑定等，类似HTML页面中的.html文件。该文件在页面中不可缺少。

.wxss 文件页面样式表文件，用于定义本页面中用到的各类样式表。当页面中有样式表文件时，文件中的样式规则会层叠覆盖app.wxss中的样式规则;否则，直接使用 app.wxss 中指定的样式规则。该文件在页面中不可缺少。

.json 文件页面配置文件。该文件在页面中不可缺少。