小程序学习-宿主环境

1.宿主环境是程序运行所必须的依赖环境

2.小程序的宿主环境

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

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

（1）通信模型

        通信的主体： 渲染层（WXML WXSS）和逻辑层（JS脚本）

        通信模型分为两部分，都是由微信客户端进行转发的：

        渲染层和逻辑层之间的通信

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

（2）运行机制

        小程序启动过程：

        1.下载代码包到本地

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

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

        4.渲染小程序首页

        5.小程序启动完成

        页面渲染过程：

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

        2.加载页面的.wxml模版和.wxss样式

        3.执行页面的.js文件，调用Page()函数创建页面实例

        4.页面渲染完成

（3）组件

        1.视图容器

        view  基础布局，块级元素

        scroll-view  属性scroll-x  scroll-y 滚动列表

        swiper   indicator-dots属性，显示面板指示点   indicator-color 知识点颜色  indicator-active-color 当前选中的知识点颜色   autoplay 是否自动切换  interval 自动切换时间间隔  circular 是否采用衔接滑动

        swiper-item  轮播图

        2.基础内容

        text 行内元素  selectable/user-select 属性，实现长按选中效果

        rich-text 富文本组件

        3.表单组件

        4.导航组件

        navigator

        5.其他组件

        button type(primary/warn) size(mini)

        image: 

        src属性

        mode属性值

        scaleToFill  不保持纵横比缩放图片，使图片的宽高完全拉伸至填满image元素

        aspectFit  保持纵横比缩放图片，使图片的长边能完全显示出来

        aspectFill  保持纵横比缩放图片，使图片的短边能完全显示出来

        widthFix  缩放模式，宽度不变，高度自动变化

        heightFix  缩放模式，高度不变，宽度自动变化

（4）API

        事件监听API：

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

        wx.onWindowResize(callback)监听窗口尺寸变化的事件

        同步API：

        以Sync结尾的API都是同步API

        同步API的执行结果，可以通过函数返回值直接获取，如果执行出错会抛出异常

        wx.setStorageSync(key, value)向本地存储中写入内容

        异步API：

        需要通过success、fail、complete接收调用的结果

        wx.request()发起网络数据请求，通过success回调函数接收数据