小程序的宿主环境

一、宿主环境简介


1. 什么是宿主环境

  • 宿主环境(host environment)指的是程序运行所必须的依赖环境
  • 如:Android系统iOS系统是两个不同的宿主环境。
  • 安卓版的微信 App 是不能在 iOS 环境下运行的,所以,Android 是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的!
    在这里插入图片描述

2. 小程序的宿主环境

在这里插入图片描述

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

  • 通信模型
  • 运行机制
  • 组件
  • API

二、通信模型


1. 通信的主体

在这里插入图片描述

2. 小程序的通信模型

在这里插入图片描述

3. 小程序启动的过程

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

4. 页面渲染的过程

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

三、组件


1. 小程序中组件的分类

在这里插入图片描述

2. 常用的视图容器类组件

在这里插入图片描述

3. view 组件的基本使用

在这里插入图片描述

4. scroll-view 组件的基本使用

在这里插入图片描述

5. swiper 和 swiper-item 组件的基本使用

在这里插入图片描述

6. swiper 组件的常用属性

在这里插入图片描述

7. 常用的基础内容组件

在这里插入图片描述

8. text 组件的基本使用

在这里插入图片描述

9. rich-text 组件的基本使用

在这里插入图片描述

10. 其它常用组件

在这里插入图片描述

11. button 按钮的基本使用

在这里插入图片描述

12. image 组件的基本使用

在这里插入图片描述

13. image 组件的 mode 属性

在这里插入图片描述

四、API

1. 小程序 API 概述

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

2. 小程序 API 的 3 大分类

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值