小程序的宿主环境-宿主环境介绍

一、什么是宿主环境

二、小程序的宿主环境

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

1、 通信模型

2、 运行机制

3、 组件

4、 API

1.1、通信的主体

1.2、小程序的通信模型

小程序中的通信模型分为两部分:

(1) 渲染层和逻辑层之间的通信

  • 由微信客户端进行转发

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

  • 由微信客户端进行转发

2.1、小程序启动的过程

  1. 把小程序的代码包下载到本地
  2. 解析app.json全局配置文件
  3. 执行app.js小程序入口文件,调用 App()创建小程序实例
  4. 渲染小程序首页
  5. 小程序启动完成

2.2、页面渲染的过程

  1. 加载解析页面的.json配置文件
  2. 加载页面的.wxml模板和.wxss样式
  3. 执行页面的.js文件,调用Page()创建页面实例
  4. 页面渲染完成

3.1、小程序中组件的分类

小程序中的组件也是由宿主环境提供的,开发都可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了9大类,分别是:

  1. 视图容器
  2. 基础内容
  3. 表单组件
  4. 导航组件
  5. 媒体组件
  6. map地图组件
  7. canvas画面组件
  8. 开放能力
  9. 无障碍访问

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大分类

    分类: 小程序