小程序的宿主环境详解（通信模型、运行机制、组件、API）

最新推荐文章于 2024-03-18 16:15:25 发布
最新推荐文章于 2024-03-18 16:15:25 发布
阅读量447 收藏 6
点赞数 5
分类专栏： 微信小程序开发 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44741577/article/details/136554354
版权

文章目录

一、什么是宿主环境

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

image.png

二、小程序的宿主环境

image.png

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

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

3.1. 通信模型

3.1.1. 通信的主体

image.png

3.1.2. 小程序的通信模型

image.png

3.2. 运行机制

3.2.1. 小程序启动的过程

image.png

3.2.2. 页面渲染的过程

image.png

3.3. 组件

微信官方文档组件

3.3.1. 小程序中组件的分类

image.png

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

image.png

3.3.3. 常用的基础内容组件

image.png

3.3.4. 其它常用组件

image.png

3.4. API

微信官方文档API

3.4.1. 小程序API的3大分类

image.png

扶苏1002
关注
专栏目录
【软件架构思想系列】分层架构
热门推荐
AI天才研究院
01-19 1万+
- 分层架构 -今天谈下架构设计中的分层思想和分层模型。架构思维概述对于架构思维本身仍然是类似系统思维，结构化思维，编程思维等诸多思维模式的一个合集。由于架构的核心作用是在业务现实世界和抽象的IT实现之间建立起一道桥梁，因此架构思维最核心的就是要：理解到业务驱动技术，技术为最终的业务服务。要真正通过架构设计来完成业务和技术，需求和实现，软件和硬件，静态和动态，成本和收益等多方面的平...
K8S知识总结
wm_yjy的博客
09-07 2146
一、K8S概念 1. k8s一个用于容器集群的自动化部署、扩容以及运维的开源平台。通过Kubernetes,可以快速有效地响应用户需求;快速而有预期地部署你的应用;极速地扩展你的应用;无缝对接新应用功能;节省资源，优化硬件资源的使用。为容器编排管理提供了完整的开源方案。 2. K8S解决的问题 服务器环境 服务器资源管理 服务容灾恢复 硬件资源利用 服务资源创建 可视化管理 服务资源监控 资源整合管理 3. K8S特性 自动部署应用容器、自我修复、水平扩展（增加实例）、...
小程序/宿主环境
weixin_42197893的博客
05-04 660
微信给小程序提供的环境成为宿主环境，我个人理解（不一定对，对宿主环境的真正理解我觉得需要知道小程序的详细框架原理以及和微信APP之间的联系）：宿主环境包括了两大线程以及其他的一些代码（比如API定义函数、将小程序代码包注入宿主环境的代码等等） 通信模型 Native是微信客户端，逻辑层和渲染层是通过两个线程来管理，每个页面对应一个webView线程。 数据驱动： 类似于react和vue，只要改...
小程序的宿主环境-宿主环境简介
m0_67198021的博客
06-04 557
小程序宿主环境简介
小程序的宿主环境
月光晒了很凉快的博客
01-11 726
小程序的宿主环境详解。
小程序宿主环境
qq_59954212的博客
04-08 429
1、渲染层和逻辑层 小程序的运行环境分成渲染层和逻辑层， WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。 1.1 渲染 “Hello world” 页面示例 WXML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量。 渲染“Hello World”WXML脚本： <view>{{ msg }}</view> 在 JS 脚本使用 this.setData 方法把 msg 字段设置成 “Hello World” 。 渲
微信小程序宿主环境
湾区人工智能
03-27 860
1 小程序宿主环境 3.1 渲染层和逻辑层 小程序的运行环境分成渲染层和逻辑层，第2章提到过 WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。 3.1.1 渲染“Hello World”页面 我们看看小程序是如何把脚本里边的数据渲染在界面上的。 WXML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量，如代码清单3-1所示...
小程序技术原理分析
DUDUfine的专栏
12-20 3941
小程序技术原理分析
微信小程序双向绑定，微信小程序的事件处理，附小技巧
m0_56259669的博客
05-18 182
前言 对于很多没有学历优势的人来说，面试大厂是非常困难的，这对我而言，也是一样，出身于专科，原本以为就三点一线的生活度过一生，直到生活上的变故，才让我有了新的想法和目标，因此我这个专科渣渣也奋斗了起来，面试百度、腾讯、网易、字节跳动、阿里等大厂，竟拿下了阿里P6岗。今天就分享一下大厂面试难点和面经，主要是希望能够激励到同样被学历所困扰的技术人，能够对职业生涯和技术规划有一个参考价值，感谢！ 架构师成长第一站—UML建模 1.正向工程与逆向工程在UML图中的应用 2.关系（依赖、泛化、关联、实现）画法与注意.
VC++深入详解学习笔记
08-03
- **控件开发**：ActiveX控件是一种可以在多种宿主环境中运行的可重用组件。学习如何开发和使用ActiveX控件对于扩展应用程序的功能非常有用。 #### 十八、动态链接库（DLL） - **动态链接**：DLL是Windows系统中...
微信小程序-小程序的宿主环境
m0_53154393的博客
08-05 959
微信小程序的宿主环境
【微信小程序】了解小程序的宿主环境
薇z的博客
08-21 566
【微信小程序】了解小程序的宿主环境
小程序学习(三):小程序的宿主环境
Heby的博客
07-10 176
宿主环境指的是程序运行所必须的依赖环境。例如:Android系统和IOS系统是两个不同的宿主环境。安卓版的微信App是不能在IOS环境下运行的,所以Android是暗转软件的宿主环境,脱离宿主环境的软件是没有任何意义的!
讲述微信小程序 通信模型
最新发布
weixin_45966674的博客
03-18 697
我们 js 逻辑层 需要沟通界面 将数据渲染到渲染层上 这个过程就是 微信客户端进行服务 转发的。我们 js 请求第三方服务器 获取数据这个过程请求也是由微信客户端来进行转发。首先 渲染层中 包含的是 wxml 页面模板 和 wxss样式。渲染层 与 逻辑层间的通信 就是 小程序 通信模型的一部分。第二个部分 则是 逻辑层 与第三方服务器间的通信。小程序中的 通信主题 是 渲染层 和 逻辑层。它们都是 由微信客户端 来进行服务和转发的。逻辑层 里面则都是js的运行脚本。
小程序学习笔记（三）小程序宿主环境
木木木
11-27 1896
上篇介绍了小程序的文件构成，那么这些文件在微信客户端是怎么协同工作的呢？本文会介绍微信客户端给小程序所提供的宿主环境，小程序可以调用宿主环境提供的微信客户端的能力，这就使得小程序比普通网页拥有更多的能力。 1.渲染层和逻辑层 小程序的运行环境分成渲染层和逻辑层， WXML 和 WXSS 工作在渲染层，JS 脚本工作在逻辑层。小程序的渲染层和逻辑层分离是经过很多考虑得出来的模型，暂不展开。 W...
微信小程序的宿主环境（二）
FLY的专栏
03-02 541
微信小程序的宿主环境 小程序的运行环境分成渲染层和逻辑层，WXML和WXSS工作在渲染层，JS脚本工作在逻辑层。 渲染层和数据相关；逻辑层负责产生，处理数据；逻辑层通过Page实例的setData方法传递到渲染层。 小程序的渲染层和逻辑层分别由两个线程管理：渲染层的界面使用了WebView进行渲染；逻辑层采用JsCore线程运行JS脚本。 在渲染层，宿主环境会把WXML转化成对应的JS对象，在逻...
微信小程序-----宿主环境（组件介绍和代码编写）
m0_73633088的博客
01-11 1222
微信小程序-----账号注册以及开发软件的下载与代码结构介绍-CSDN博客），那这一期我们先简单讲讲微信小程序的宿主环境，其就是微信小程序的运行原理以及代码编写，下面看正文。宿主环境简介1.什么是宿主环境宿主环境）指的是程序运行所必须的依赖环境。例如：Android系统和iOS系统是两个不同的宿主环境。安卓版的微信App是不能在iOS环境下运行的，所以，Android是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的！
小程序开发学习记录——通信的主体、通信的模型、运行机制、组件、协同工作和发布
spring0205的博客
05-13 211
小程序的项目结构 小程序项目的基本组成结构 小程序页面的组成部分 json配置文件 json是一种数据格式 在实际开发中总是以配置文件的形式出现 通过不同的json配置文件 可以对小程序项目进行不同级别的配置 app.json sitemapLocation:用来指明sitmap.json的位置 project.config.json 注意：projectname不一定是小程序名称 sitmap.json 关于app.json和index.json的设置 新建页面 在app.json文件
【微信小程序】基础篇 -- 宿主环境 & 通信模型 & 运行机制介绍（五）
JMFive的博客
02-23 1525
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第5篇文章;今天开始学习微信小程序的第三天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。【微信小程序开发教程】， 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。宿主环境（）指的是程序运行所必须的依赖环境。生活中比较常见的Android系统和iOS系统是两个不同的宿主环境。
掌握微信小程序开发：从页面结构到API详解
- 小程序宿主环境提供了基础的通信模型，包括通信主体（小程序和服务器/其他应用）和通信方式（如API调用）。 - 页面渲染过程涉及生命周期方法，启动过程和组件的加载与使用，如view、scroll-view、swiper、button...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值