小程序的宿主环境

宿主环境(host environment)：指程序运行所必须的依赖环境；

比如：Android系统和ios系统是两个不同的宿主环境。安卓版的微信App不能在ios环境下运行，所以，Android是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的。

小程序的宿主环境

手机微信是小程序的宿主环境，小程序借助宿主环境提供的能力，可以完成普通网页无法完成的功能。如：微信扫码、微信支付、微信登录、地里定位、etc等。

小程序宿主环境包含的内容：

1.通信模型

通信的主体：渲染层和逻辑层

①WXML模板和WXSS样式工作在渲染层

②JS脚本工作在逻辑层

小程序的通信模型也分为两部分：

①渲染层和逻辑层之间的通信由微信客户端进行转发

②逻辑层和第三方服务层之间的通信由微信客户端进行转发

2.运行机制

小程序启动的过程：

把小程序的代码包下载到本地
解析app.ison全局配置文件
执行app.js小程序入口文件，调用APP（）创建小程序实例
渲染小程序首页（①加载解析页面的.json配置文件 ②加载页面的.wxml模板和.wxss样式 ③执行页面的.js文件，调用Page（）创建页面实例 ④页面渲染完成）
小程序启动完成

3.组件

小程序中组件的分类：小程序中的组件也是由宿主环境提供的，开发者可以给予组件快速搭建出漂亮的页面结构，官方把小程序的组件分为9大类。分别是

①view（普通视图区域类似于HTML中的div，是一个块级元素用display:flex来实现横向布局效果）

②scroll-view（可滚动的视图区域，常用来实现滚动列表效果）

③swiper和swiper-item（轮播图容器组件和轮播图item组件）

2.基础内容

3.表单组件

4.导航组件

5.媒体组件

6.map地图组件

7.canvas画布组件

8.开放能力

9.无障碍设向

4.API

小程序中的API是由宿主环境提供，通过这些丰富的小程序API，可以方便地调用微信提供的能力。例如：获取用户信息、本地存储、支付功能。

小程序官方把API分为3大类：

①事件监听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回调函数接收数据