微信小程序

一、JSON的值只能是以下几种数据格式：

1、数字，包含浮点数和整数
2、字符串，需要包裹在双引号中
3、Bool值，true 或者 false
4、数组，需要包裹在方括号中 []
5、对象，需要包裹在大括号中 {}
6、Null

二、逻辑语法：

通过 {{ 变量名 }} 语法可以使得 WXML 拥有动态渲染的能力，除此外还可以在 {{ }} 内进行简单的逻辑运算。{{ }}中还可以直接放置数字、字符串或者是数组

2.1 条件逻辑

WXML 中，使用 wx:if=“{{condition}}” 来判断是否需要渲染该代码块
使用 wx:elif 和 wx:else 来添加一个 else 块
例如：

<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 2}}"> 2 </view>
<view wx:else> 3 </view>

因为 wx:if 是一个控制属性，需要将它添加到一个标签上。如果要一次性判断多个组件标签，可以使用一个 标签将多个组件包装起来，并在上边使用 wx:if 控制属性。

<block wx:if="{{true}}">
  <view> view1 </view>
  <view> view2 </view>
</block>

2.2 引用

WXML 提供两种文件引用方式import和include。

---

需注意的是 import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件中 import 的 template，简言之就是 import 不具有递归的特性。
例如：C 引用 B，B 引用A，在C中可以使用B定义的 template，在B中可以使用A定义的 template ，但是C不能使用A定义的template 。
include 可以将目标文件中除了外的整个代码引入，相当于是拷贝到 include 位置。
在小程序中，我们依然可以实现样式的引用，样式引用是这样写：

@import './test_0.wxss'

WXSS内联样式与Web开发一致:

<!--内联样式-->
<view style="color: red; font-size: 48rpx"></view>

2.3 允许上传的文件

在项目目录中，以下文件会经过编译，因此上传之后无法直接访问到：.js、app.json、.wxml、*.wxss（其中 wxml 和 wxss 文件仅针对在 app.json 中配置了的页面）。除此之外，只有后缀名在白名单内的文件可以被上传，不在白名单列表内文件在开发工具能被访问到，但无法被上传。具体白名单列表如下：

1、wxs
2、png
3、jpg
4、jpeg
5、gif
6、svg
7、json
8、cer
9、mp3
10、aac
11、m4a
12、mp4
13、wav
14、ogg
15、silk
16、wasm
17、br
18、cert

三、 API

1、wx.on* 开头的 API 是监听某个事件发生的API接口，接受一个 Callback 函数作为参数。当该事件触发时，会调用 Callback 函数。
2、如未特殊约定，多数 API 接口为异步接口 ，都接受一个Object作为参数。
3、API的Object参数一般由success、fail、complete三个回调来接收接口调用结果，示例代码如代码清单3-17所示，详细说明如表3-9所示。
4、wx.get* 开头的API是获取宿主环境数据的接口。
5、wx.set* 开头的API是写入数据到宿主环境的接口。

代码清单3-17 通过wx.request发起网络请求:

wx.request({
url: 'test.php',
data: {},
header: { 'content-type': 'application/json' },
success: function(res) {
 // 收到https服务成功后返回
 console.log(res.data)
},
fail: function() {
 // 发生网络错误等情况触发
},
complete: function() {
 // 成功或者失败后触发
}
})