第四是，页面文件。

页面文件放在pages文件夹下，它由JS 脚本逻辑、WXML 模板、JSON 配置和WXSS 样式四个文件组成。为了方便开发者减少配置项，描述页面的这四个文件必须具有相同的路径与文件名。

我们展开讲讲。

首先是， JS 脚本逻辑文件，它的后缀为“.js”，用于页面逻辑处理。主体部分是一个函数，只有参数，没有函数体，含有很多监听函数。JS 脚本逻辑文件是必需配置文件。这个文件里的Page()函数用来注册一个页面，接收object参数，Object参数说明如表1-3所示。该文件处理页面的初始数据、生命周期函数、事件处理函数等页面的所有业务逻辑。

其次是，WXML 文件， WXML模板文件的后缀为“.wxml”，是微信团队自创的一种文件格式，文件功能与网页端.html对应，用来实现页面的组件和元素，.wxml中不能嵌入JavaScript代码和CSS样式。

然后是JSON 配置文件，JSON 配置文件的后缀为“.json”，用于本页面的窗口表现进行配置，页面中配置项会覆盖app.json的window中相同的配置项。JSON 配置文件可配置也可不配置。JSON 配置文件的内容为一个 JSON 对象，它的属性值及描述如图所示。

最后是， WXSS 样式文件，它的后缀为“.wxss”，和网页中的.css对应，是一套样式语言，用于描述WXML模板的组件样式。WXSS具有CSS大部分特性，同时为了更适合开发微信小程序，微信对CSS进行了扩展。与CSS特性相比扩展的特性有：尺寸单位、样式导入。 

我们在开发小程序时，不需要自己写每一个样式，可以使用 import语句可以导入外联样式表。@import语句后为需要导入的外联样式表的相对路径，用“;”表示语句结束。代码如例所示。