微信小程序2——小程序的宿主环境

1、宿主环境（host environment）

是指程序运行所必需的依赖环境，例如Android和iOS是两个不同的宿主环境，脱离了宿主环境的软件是没有意义的

2、小程序的宿主环境

手机微信是小程序的宿主环境（WeChat for Android&WeChat for iOS）

小程序借助宿主环境所提供的能力，可以完成其他网页所无法完成的功能，如：微信扫码，定位，微信登录……

3、 小程序环境所提供的内容

3.1通信模型

· 通信的主体是渲染层和逻辑层——wxss样式和wxml模板在渲染层、JS脚本在逻辑层

· 逻辑层和第三方服务器之间的通信

3.2 运行机制

3.2.1 小程序启动过程

· 小程序代码包下载到本地

· 解析app.json全局配置文件

· 执行app.js小程序入口文件，调用App()创建小程序实例

· 渲染小程序首页

· 小程序启动完成

3.2.2页面渲染过程

· 加载解析页面.json配置文件

· 加载wxml模板和wxss样式

· 执行页面的.js文件，调用Page（）创建页面实例

3.3 组件——由宿主环境提供

3.3.1组件的分类

3.3.1.1视图容器

· view——普通的视图区域，类似于HTML中的div，实现页面布局

· scroll-view——可滚动的视图区域，实现滚动列表

· 容器scroll-view

` 纵向 scroll-y,横向scroll-x

` 注意设置容器的强制性的高度或强制性的

· swiper和swiper-item——轮播图容器组件和轮播图item组件

· 大的容器swiper

· 多少张轮播图，就有多少个swiper-item

·

 

3.3.1.2 基础内容

· text组件

· 通过text组建的selectable属性，实现长按选中文本效果

· rich-text组件

· 通过nodes属性将HTML渲染成文本

3.3.1.3 其他组件

· button

· open-type属性可以调用微信提供的各种功能

· image

 

3.4 API

· 事件监听API

· 以on开头，用来监听某些事件的触发

· 同步API

· 以Sync结尾，同步API的执行结果，可以通过函数返回值直接获取

· 异步API

· 类似于jQuery中的$.ajax(options)函数，通过success、fall、complete接受调用的结果