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

于 2024-03-08 10:17:55 发布
阅读量400 收藏 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
关注
  • 5
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序宿主环境.docx
12-17
微信小程序作为轻量级的应用形态，拥有自己独特的运行环境，它由渲染层和逻辑层两部分组成，同时提供丰富的组件和API供开发者使用。以下是关于微信小程序宿主环境的详细说明： 1. **渲染层和逻辑层** - 渲染层：...
微信小程序开发实战 ③（宿主环境与通信模型）
m0_61490399的博客
10-03 481
什么是宿主环境❓宿主环境（host environment）指的是程序运行所必须的依赖环境。如 👇Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的，所以，Android 是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的！小程序的宿主环境❓微信是小程序的宿主环境，如图 👇小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能。如 👉 微信扫码、微信支付、微信登录、地理定位、etc…
【微信小程序】基础篇 -- 宿主环境 & 通信模型 & 运行机制介绍（五）
JMFive的博客
02-23 1359
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第5篇文章;今天开始学习微信小程序的第三天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。【微信小程序开发教程】， 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。宿主环境（）指的是程序运行所必须的依赖环境。生活中比较常见的Android系统和iOS系统是两个不同的宿主环境。
小程序学习(三):小程序的宿主环境
Heby的博客
07-10 151
宿主环境指的是程序运行所必须的依赖环境。例如:Android系统和IOS系统是两个不同的宿主环境。安卓版的微信App是不能在IOS环境下运行的,所以Android是暗转软件的宿主环境,脱离宿主环境的软件是没有任何意义的!
小程序的宿主环境(通信模型，运行机制，组件，API概述)
weixin_49107940的博客
04-01 234
宿主环境（host environment）指的是程序运行所必须的依赖环境。例如：Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的，所以，Android 是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的！小程序中的 API 是由宿主环境提供的，通过这些丰富的小程序 API，开发者可以方便的调用微信提供的能力，例如：获取用户信息、本地存储、支付功能等。
【微信小程序】了解小程序的宿主环境
薇z的博客
08-21 532
【微信小程序】了解小程序的宿主环境
微信小程序宿主环境.pdf
12-17
总的来说，微信小程序的宿主环境为开发者提供了分层的运行环境、丰富的组件库、强大的API支持以及清晰的页面组织结构。这种设计使得开发者可以高效地构建和维护轻量级应用，同时享受到微信生态带来的便利性。理解...
微信小程序开发基础，需要的同学自行下载
04-19
通信模型、运行机制、组件、API 通信模型：小程序通讯的主体是渲染层和逻辑层，wxml和wxss是渲染层，js是逻辑层，渲染层和逻辑层的通讯是通过微信客户端进行转发的，逻辑层与第三方服务器也是通过微信客户端进行转发
前端学习笔记-微信小程序学习笔记
最新发布
01-09
本笔记总结了微信小程序的基本组成部分、JSON 配置文件的作用、WXML 模板语法、WXSS 样式语言、JS 逻辑交互、宿主环境简介、通信模型、运行机制、组件分类、视图容器类组件、基础内容组件、API 分类等知识点。...
小程序的架构及实现机制，信道服务及会话管理
03-29
小程序并不是 H5 应用，而是更偏向于传统的 CS 架构，它是基于数据驱动...你可以理解为小程序的宿主环境是类似node的宿主环境，而不是浏览器客户端。所以决定了无法使用Dom库，如JQuery。 而又并非使用URL访问，而是通
微信小程序-小程序的宿主环境
m0_53154393的博客
08-05 920
微信小程序的宿主环境
小程序开发学习记录——通信的主体、通信的模型、运行机制、组件、协同工作和发布
spring0205的博客
05-13 195
小程序的项目结构 小程序项目的基本组成结构 小程序页面的组成部分 json配置文件 json是一种数据格式 在实际开发中总是以配置文件的形式出现 通过不同的json配置文件 可以对小程序项目进行不同级别的配置 app.json sitemapLocation:用来指明sitmap.json的位置 project.config.json 注意：projectname不一定是小程序名称 sitmap.json 关于app.json和index.json的设置 新建页面 在app.json文件
小程序宿主环境
qq_59954212的博客
04-08 398
1、渲染层和逻辑层 小程序的运行环境分成渲染层和逻辑层， WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。 1.1 渲染 “Hello world” 页面示例 WXML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量。 渲染“Hello World”WXML脚本： <view>{{ msg }}</view> 在 JS 脚本使用 this.setData 方法把 msg 字段设置成 “Hello World” 。 渲
小程序的宿主环境-宿主环境简介
m0_67198021的博客
06-04 535
小程序宿主环境简介
（学习笔记）微信小程序 -- 通信模型和运行机制
LTA_lotion的博客
02-11 692
微信为小程序的正常运行提供了一定的支持 1） 通信模型 2）运行机制 3）组件 4）API 通信模型 通信的主体是渲染层和逻辑层 ，其中WXML模板和WXSS样式工作在渲染层 JS 脚本工作在逻辑层。 其中渲染层和逻辑层之间通过微信客户端转发来进行通信 ...
微信小程序（小程序模型与宿主环境）
weixin_45343973的博客
08-23 495
渲染案例 小程序模型 面试题：小程序模型 渲染层（wxml、wxss）和逻辑层（js）的分离。 模型的基本工作方式： 数据驱动：渲染层和数据相关 脚本逻辑：逻辑层负责生产，处理数据 通信模型：逻辑层通过page实例的setData方法传递数据到渲染层。 模型- - -数据驱动 场景：在开发UI界面过程中，程序需要维护很多变量状态，同时要操作对应的UI元素。随着界面越来越复杂，需要维护很多变量...
微信小程序通信模式
Aurora.Q 的博客
01-15 914
小程序的场景，获取用户数据的方式有所不同，应用服务器不能直接向微信服务器请求数据，而是由小程序向微信服务器获取，微信服务器会将数据使用一个密钥加密，返回给小程序。小程序没有密钥、无法解密这段数据。小程序将该加密数据发送给应用服务器。应用服务器也没有解密密钥，但可以通过一套流程来获得解密密钥。下面是小程序场景中获取用户数据的流程： #mermaid-svg-JHoH4yK3OfuyFyjT .label{font-family:'trebuchet ms', verdana, arial;font-famil
掌握微信小程序开发：从页面结构到API详解
- 小程序宿主环境提供了基础的通信模型，包括通信主体（小程序和服务器/其他应用）和通信方式（如API调用）。 - 页面渲染过程涉及生命周期方法，启动过程和组件的加载与使用，如view、scroll-view、swiper、button...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值