一个微信小程序项目有四种不同的文件:
.js交互逻辑:与用户进行交互。使用JS脚本来处理用户的操作。
.json配置:一种数据格式,扮演静态配置的角色。app.json:当前小程序的全局配置,包括小程序所有的页面路径、界面表现、网络超时时间、底部tab等。page.json独立定义每个页面的属性。
.wxml模板:类似于网页编程中的HTML。用来描述页面的结构。通过{{ }} 的语法把变量绑定到界面上,称为数据绑定。将界面的渲染和逻辑分离。
.wxss样式:类似于网页编程中的css,描述界面的样式。wxss新增了尺寸单位rpx,开发者不需要进行像素或长宽的换算,由小程序底层来完成换算运算。提供了全局和局部样式。app.wxss是全局样式,page.wxss是当前页面的局部样式。
JSON 语法
这里说一下小程序里JSON配置的一些注意事项。
JSON文件都是被包裹在一个大括号中 {},通过key-value的方式来表达数据。JSON的Key必须包裹在一个双引号中,在实践中,编写 JSON 的时候,忘了给 Key 值加双引号或者是把双引号写成单引号是常见错误。
JSON的值只能是以下几种数据格式,其他任何格式都会触发报错,例如 JavaScript 中的 undefined。
- 数字,包含浮点数和整数
- 字符串,需要包裹在双引号中
- Bool值,true 或者 false
- 数组,需要包裹在方括号中 []
- 对象,需要包裹在大括号中 {}
- Null
还需要注意的是 JSON 文件中无法使用注释,试图添加注释将会引发报错。