小程序的宿主环境-宿主环境介绍
一、什么是宿主环境
二、小程序的宿主环境
三、小程序宿主环境包含的内容
1、 通信模型
2、 运行机制
3、 组件
4、 API
1.1、通信的主体
1.2、小程序的通信模型
小程序中的通信模型分为两部分:
(1) 渲染层和逻辑层之间的通信
- 由微信客户端进行转发
(2) 逻辑层和第三方服务器之间的通信
- 由微信客户端进行转发
2.1、小程序启动的过程
- 把小程序的代码包下载到本地
- 解析app.json全局配置文件
- 执行app.js小程序入口文件,调用 App()创建小程序实例
- 渲染小程序首页
- 小程序启动完成
2.2、页面渲染的过程
- 加载解析页面的.json配置文件
- 加载页面的.wxml模板和.wxss样式
- 执行页面的.js文件,调用Page()创建页面实例
- 页面渲染完成
3.1、小程序中组件的分类
小程序中的组件也是由宿主环境提供的,开发都可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了9大类,分别是:
- 视图容器
- 基础内容
- 表单组件
- 导航组件
- 媒体组件
- map地图组件
- canvas画面组件
- 开放能力
- 无障碍访问
3.2、常用的视图容器类组件
3.3、 view组件的基本使用
3.4、scroll-view 组件的基本使用
3.5、swiper和swiper-item组件的基本使用
3.6、swiper组件的常用属性
3.7、常用的基础内容组件
1、text
- 文本组件
- 类似于HTML中的span标签,是一个行内元素
2、rich-text
- 富文本组件
- 支持把HTML字符串渲染为WXML结构
3.8、text组件的基本使用1
3.9、rich-text组件的基本使用2
3.10、其他常用组件
3.10.1、button按钮的基本使用
3.10.2.1、image组件的基本使用
3.10.2.2、image组件的mode属性
4.1、小程序宿主环境-API
4.1.1、小程序API概述
小程序中的API是由宿主环境提供的,通过这些丰富的小程序API,开发者可以方便的调用微信提供的能力,例如,获取用户信息、本地存储、支付功能等。
4.1.2、小程序API的3大分类