“开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 22 天，点击查看活动详情”
1.image组件的基本使用
在框架里面写一下image图片组件：
<image></image>
<image src="/image/1.png"></image>
效果图如下：
对image设置样式：
image{
border: 1px solid red;
}
效果图如下：
1.image组件的mode属性
aspectFit
image的组件mode属性用来指定图片的裁剪和缩放模式，常用的mode的属性如下：
当mode属性值等于aspectFit时：
<image></image>
<image src="/image/1.png" mode="aspectFit"></image>
效果图如下：
该属性下的特点：
保持纵横比缩放图片，可以让图片的边完全显示出来。
aspectFill
代码如下：
<image></image>
<image src="/image/1.png" mode="aspectFill"></image>
效果图如下：
该属性下的特点：
和上面的属性类似，只是这个属性会等比例放大，直到放大到填满全部的空隙。
widthFix
代码如下：
<image></image>
<image src="/image/1.png" mode="widthFix"></image>
效果图如下：
该属性下的特点：
该属性是宽度不变，高度自动变化。
heightFix
代码如下：
<image></image>
<image src="/image/1.png" mode="heightFix"></image>
效果如下：
该属性下的特点：
高度不变，宽度自适应变化。
2.小程序的宿主环境---API
1.小程序API概述
小程序中的API是由宿主环境提供的，通过这些丰富的小程序API,开发者可以方便的调用微信提供的能力，比如：获取用户信息，本地存储，支付能力。
2.小程序API的三大分类
- 事件监听API
- 特点：以on开头，用来监听某些事件的触发。
- 举例：wx.onWindowREsize(function callback)监听窗口尺寸变化的事件。
- 同步API
- 特点1：以Sync结尾的API都是同步API。
- 特点2：同步API的执行结果，可以通过函数返回值直接获取，如果执行出错会抛出异常。
- 举例：wx.setStorageSync('key','value')向本地存储中写入内容。
- 异步API
- 特点：类似于jQuery中的$.ajax(options)函数，需要通过success,fail,complete接受调用的结果。
- 举例：wx.request()发起网络数据请求，通过success回调函数接受数据。
“开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 22 天，点击查看活动详情”
