【微信小程序自学第二天】，主要内容是小程序API以及WXML模板的数据绑定一类

小程序API

概述

小程序中的API是由宿主环境提供的，是调用微信的能力，实现类似用户信息等服务

三大分类

事件监听API

• 以on开头，用来监听某些事物的触发
• 举例：wx.onWindowResize(function callback)监听窗口尺寸变化的事件（==wx.==是类似于不用声明就可以全局调用的大佬）

同步API

• 以sync结尾的API都是同步API
• 同步API的执行结果，可以通过函数返回值直接获取，如果执行出错会抛出异常
• 举例：wx.setStorageSync(‘key’,‘value’)向本地存储中写入内容（key是键，value是值）

异步API

• 类似于jQuery中的$.ajax(options)函数，需要通过success,fail,complete接受调用的结果
• wx.request()发起网络数据请求，通过success回调函数接收数据
  同步和异步就类似于一个人去买菜，同步就是一个人买完一种再去买另一种，而异步就类似于找了一个帮手，可以在自己买一种菜的同时去买另一种，不必等待返回。

WXML模板语法之数据绑定

基本原则

date中定义数据

在页面对应的.js文件中，把数据定义到date对象中即可：
字符串：info
数组：msList

WXML中使用数据

把date中的数据绑定到页面中渲染，使用Mustache语法（双大括号）（插值表达式）将变量包起来即可。语法格式为：

<view>{{info}}</view>

效果为：

Mustache语法的应用场景

• 绑定内容
  即在上面显示的操作，将数据定义并渲染在页面上
• 绑定属性
  在.js文件的page中定义了一个图片的Src地址，想将它动态绑定到image组件的src属性上
  **.js中：**在date中定义一个图片链接
  
  wxml中以及渲染效果
  
  在小程序里不论绑定内容还是属性，都要使用Mustache语法
  想改变图像样子的可以看第一天的内容，请点击我，在后面有详细解释
• 运算（三元运算、算术运算）
  三元运算
  仍然是在.js文件中：
  
  然后在wxml中：
  
  这是我的结果：
  
  大家可能和我的结果不太一样，我们可以通过查看调试器中的AppDate来查看我们的数字
  
  算术运算
  我们又定义一个随机生成的数，值仍然是调用Math.random来生成，这样会生成一个大于零小于一的小数，此时再用toFixed(2)让他生成一个带两位小数的一个随机数，我们希望让他乘以一百后输出
  通样的道理，在page中

randomNum1:Math.random().toFixed(2)

在vxml中：

<view>{{randomNum1*100}}</view>

我们可以看到渲染的结果：

当然大家可能都不一样，我们还是可以从AppDate中查看当前数字

由此可见，我的数字是0.49，所以输出49