微信小程序开发入门教程（三）

背景

上一篇文章我们主要介绍了微信小程序的几个配置，其中app.json是对于微信小程序全局的配置，page.json是对于小程序页面的配置，project.config.json是对于小程序开发工具的配置,sitemap.json是用于配置小程序和页面是否可以被微信检索。这篇文章主要用于介绍微信小程序的页面构成。

页面构成

从事过网页编程的人知道，网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。其实微信小程序的页面也相当于一个网页，其中的构成也与之类似。如下图所示即是一个页面index包含的内容，其中index.json上篇文章已经提到是页面的配置，其他的如index.wxml与HTML类似，用于定于微信小程序的页面结构，index.wxss则与CSS类似，是用于描述页面的样子，而index.js是用于微信小程序的交互。