一、小程序代码的构成 - 项目结构

1.1. 了解项目的基本组成结构

image.png image.png

1.2. 小程序页面的组成部分

小程序官方建议把所有小程序的页面，都存放在 pages 目录中，以单独的文件夹存在，如图所示：

image.png

二、JSON配置文件

2.1. 作用

image.png

2.2. app.json 文件

image.png

2.3. project.configjson 文件

image.png

2.4. sitemap.json文件 文件

image.png image.png

2.5. 页面的json 配置文件

image.png

三、新建小程序页面

image.png

四、修改项目首页

image.png

五、WXML

5.1. 什么是WXML

image.png

5.2. WXML和 HTML的区别

image.png

六、WXSS

6.1. 什么是WXSS

image.png

6.2. WXSS和 CSS的区别

image.png

七、小程序中的.js文件

一个项目仅仅提供界面展示是不够的，在小程序中，我们通过 js 文件来处理用户的操作。例如: 响应用户的点击、获取用户的位置等等。

image.png