🐚作者简介:苏凉(专注于网络爬虫,数据分析,正在学习前端的路上)
🐳博客主页:​苏凉.py的博客​ 🌐系列专栏:小程序开发基础教程 👑名言警句:海阔凭鱼跃,天高任鸟飞。
📰要是觉得博主文章写的不错的话,还望大家三连支持一下呀!!!
👉关注✨点赞👍收藏📂

文章目录

宿主环境

一、什么是宿主环境?

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

二、小程序的宿主环境

在手机上,小程序的宿主环境就是我们的手机微信,通常小程序可以通过借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能:微信支付,微信扫码,微信登录以及定位等等。

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

1.通信模型

通信的主体

小程序中通信的主体是渲染层和逻辑层,其中:

  1. WXML模板和WXSS样式工作在渲染层

  2. JS脚本工作在逻辑层
  3. 【微信小程序】小程序的宿主环境_原力计划

小程序的通信模型

小程序中的通信模型分为两部分(都由微信客户端进行转发)


  • 渲染层和逻辑层之间的通信
  • 【微信小程序】小程序的宿主环境_小程序_02


  • 逻辑层和第三方服务器之间的通信
  • 【微信小程序】小程序的宿主环境_通信模型_03

2.运行机制

小程序启动的过程

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

小程序页面渲染过程

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

3.组件

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

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

4.API

小程序官方把API分为了如下3大类:

  1. 事件监听API
    特点:以​​​on​​​开头,用来监听某些事件的触发
    举例: ​​​wx.onWindowResize(function callback)​​监听窗口尺寸变化的事件
  2. 同步API
    特点1:以​​​Sync​​​结尾的API都是同步API
    特点2:同步API的执行结果,可以通过函数返回值直接获取,如果执行出错会抛出异常举例:​​​wx.setStorageSync("'key" , 'value')​​向本地存储中写入内容
  3. 异步API
    特点:类似于jQuery 中的 ​​​$.ajax(options)​​​函数,需要通过​​success​​​、​​fail​​​、​​complete​​​接收调用的结果举例:​​wx.request()​​​发起网络数据请求,通过​​success​​回调函数接收数据