【微信小程序】小程序的宿主环境

简介: 文章目录宿主环境一、什么是宿主环境?二、小程序的宿主环境三、小程序宿主环境包含的内容1.通信模型通信的主体小程序的通信模型2.运行机制小程序启动的过程小程序页面渲染过程3.组件4.API

宿主环境

一、什么是宿主环境?

宿主环境( host environment)指的是程序运行所必须的依赖环境。

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


二、小程序的宿主环境

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


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

1.通信模型

通信的主体

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


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

JS脚本工作在逻辑层

image.png

小程序的通信模型

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

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

image.png

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

32bc75c06ee4497a8097c73c7f7eac31.png

2.运行机制

小程序启动的过程

把小程序的代码包下载到本地

解析app.json全局配置文件

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

渲染小程序首页

小程序启动完成

小程序页面渲染过程

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

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

执行页面的.js 文件,调用Page()创建页面实例

页面渲染完成

3.组件

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


视图容器

基础内容

表单组件

导航组件

媒体组件

map地图组件

canvas画布组件

开放能力

无障碍访问

4.API

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


事件监听API

特点:以on开头,用来监听某些事件的触发

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


同步API

特点1:以Sync结尾的API都是同步API

特点2:同步API的执行结果,可以通过函数返回值直接获取,如果执行出错会抛出异常举例:wx.setStorageSync("'key" , 'value')向本地存储中写入内容


异步API

特点:类似于jQuery 中的 $.ajax(options)函数,需要通过success、fail、complete接收调用的结果举例:wx.request()发起网络数据请求,通过success回调函数接收数据


相关文章
|
JavaScript 前端开发 Java
纯前端JS实现人脸识别眨眨眼张张嘴案例
纯前端JS实现人脸识别眨眨眼张张嘴案例
|
机器学习/深度学习 算法 PyTorch
动物姿态识别+数据集+代码
动物姿态识别+数据集+代码
|
4月前
|
传感器 算法 数据格式
【UAV】改进的多旋翼无人机动态模拟的模块化仿真环境(Matlab、Simulink实现)
【UAV】改进的多旋翼无人机动态模拟的模块化仿真环境(Matlab、Simulink实现)
201 0
|
存储 前端开发 定位技术
GIS前端编程 地图常用操作
GIS前端编程 地图常用操作
430 0
|
监控 安全 测试技术
敏感接口防刷规范及定责
在工作中有时候会遇到敏感接口被刷的情况,主要是这些敏感接口没有做防刷处理
|
搜索推荐 API
淘宝商品数据洞察:解锁精准营销新策略
在快速变化的商业环境中,高效的营销策略对企业至关重要。通过API获取淘宝APP的商品细节数据,企业可以精准分析产品特性、强化卖点,并制定灵活的价格策略。利用用户画像实现个性化营销,选择最佳渠道并优化内容,从而提升品牌影响力。这一方法不仅帮助企业抓住目标消费者,还能增强市场竞争力,促进长期发展。
|
12月前
|
人工智能 自然语言处理 计算机视觉
AI大模型开启智能化新时代
12月19日下午,复旦大学计算机科学技术学院第十二期“步青讲坛”在江湾校区二号交叉学科楼E1006报告厅举行。本期讲坛特别邀请了阿里巴巴集团副总裁、IEEE Fellow叶杰平教授做题为《AI大模型开启智能化新时代》的精彩技术报告。
420 4
|
安全 网络协议 关系型数据库
|
网络协议 Linux
Linux如何查询端口被占用?
在Linux环境中,查询端口占用可使用`netstat`、`lsof`和`ss`命令。`netstat -tulnp | grep 80`显示TCP/UDP监听端口,`lsof -i:80`列出使用80端口的进程,而`ss -tuln | grep 80`是`netstat`的现代替代选项。若需解决端口占用问题,先找出占用进程的ID,然后用`kill -9`命令终止它,或调整服务配置以避免冲突。
1174 2
HTML中如何插入空格,HTML空格代码,多种HTML空格写法
HTML中如何插入空格,HTML空格代码,多种HTML空格写法
410 0