首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >【微信小程序】小程序的宿主环境

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

作者头像
hacker707
发布于 2022-10-31 08:03:18
发布于 2022-10-31 08:03:18
1.8K0
举报

✅作者简介:大家好我是hacker707,大家可以叫我hacker,新星计划第三季python赛道Top1🏆 📃个人主页:hacker707的csdn博客 🔥系列专栏:微信小程序 💬个人格言:但行好事,莫问前程

小程序的宿主环境

宿主环境简介

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

小程序的宿主环境

手机微信是小程序的宿主环境。 小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能,例如:微信扫码、微信支付、微信登录、地理定位、etc…

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

①通信模型 ②运行机制 ③组件 ④API

通信模型

通信的主体 小程序中通信的主体是渲染层和逻辑层。 ①WXML模板和WXSS样式工作在渲染层 ②JS脚本工作在逻辑层

小程序的通信模型 ①渲染层和逻辑层之间的通信 由微信客户端进行转发 ②逻辑层和第三方服务器之间的通信 由微信客户端进行转发

小程序启动的过程

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

页面渲染的过程

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

结束语

以上就是微信小程序之小程序的宿主环境 持续更新微信小程序教程,欢迎大家订阅系列专栏🔥微信小程序 你们的支持就是hacker创作的动力💖💖💖

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-09-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【微信小程序】认识小程序页面
只需要在app.json->pages中新增页面的存放路径,小程序开发工具即可自己创建对应的页面文件。如下图所示
hacker707
2022/10/31
3.7K0
【微信小程序】认识小程序页面
小程序的宿主环境
宿主环境(host environment)指的是程序运行所必须的依赖环境。例如:
岳泽以
2023/03/16
9590
小程序的宿主环境
【小程序】宿主环境之通信模型和运行机制
宿主环境(host environment)指的是程序运行所必须的依赖环境。例如: Android 系统和 iOS 系
陶然同学
2023/02/24
2940
【小程序】宿主环境之通信模型和运行机制
【微信小程序】view和scroll-view组件的基本使用
小程序中的组件也是由宿主环境提供的,开发者可以使用组件快速搭建出页面结构,官方把小程序里的组件分为了9大类,分别是 ①视图容器 ②基础内容 ③表单组件 ④导航组件 ⑤媒体组件 ⑥map地图组件 ⑦canvas画布组件 ⑧开放能力 ⑨无障碍访问
hacker707
2022/10/31
1.2K0
【微信小程序】view和scroll-view组件的基本使用
【微信小程序】小程序代码基本组成结构
pages 用于存放所有小程序的页面 utils 用于存放工具性质的模块(例如:格式化时间的自定义模块) app.js 小程序项目全局配置文件 app.wxss 小程序项目全局样式文件 project,config.json 项目的配置文件 sitemap.json 用于配置小程序及其页面是否允许被微信索引
hacker707
2022/10/31
1K0
【微信小程序】小程序代码基本组成结构
【微信小程序】带你进入小程序的世界
✅作者简介:大家好我是hacker707,大家可以叫我hacker,新星计划第三季python赛道Top1🏆 📃个人主页:hacker707的csdn博客 🔥系列专栏:微信小程序 💬个人格言:但行好事,莫问前程 初识微信小程序 小程序简介&注册小程序开发账号 小程序简介 注册小程序开发账号 获取小程序APPID 微信开发者工具 了解微信开发者工具 下载微信开发者工具 创建第一个小程序项目 结束语🏆 小程序简介&注册小程序开发账号 小程序简介 小程序与普通网页开发的区别 运行环境不同 网页
hacker707
2022/10/31
7500
【微信小程序】带你进入小程序的世界
零基础微信小程序开发——小程序的宿主环境(保姆级教程+超详细)
宿主环境(host environment)指的是程序运行所必须的依赖环境。例如: Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的,所以,Android 是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的!
小白的大数据之旅
2025/05/16
1830
零基础微信小程序开发——小程序的宿主环境(保姆级教程+超详细)
【黄啊码】怎么零基础学微信小程序
微信小程序众多行业案例.rar_小程序搜索功能-Javascript文档类资源-CSDN下载微信小程序各个行业的案例小程序搜索功能更多下载资源、学习资料请访问CSDN下载频道.
黄啊码
2022/06/15
7880
【黄啊码】怎么零基础学微信小程序
【小程序 | 启航篇】一文打通任督二脉
使用浏览器打开 https://mp.weixin.qq.com/ 网址,点击右上角的“立即注册”即可进入到小程序开发账号进行注册。
计算机魔术师
2022/08/23
7750
【小程序 | 启航篇】一文打通任督二脉
微信小程序开发:宿主环境、通信环境与运行机制
若您认为本文内容有益,请不吝赐予赞同并订阅,以便持续接收有价值的信息。衷心感谢您的关注和支持!
Srlua
2024/08/04
2250
微信小程序开发:宿主环境、通信环境与运行机制
【微信小程序】WXSS模板样式
WXSS(WeiXin Style Sheets)是一套样式语言,用于美化WXML的组件样式,类似于网页开发中的CSS。
hacker707
2022/10/31
2.1K0
【微信小程序】WXSS模板样式
【微信小程序】条件渲染
在小程序中,使用wx:if="{{condition}}来判断是否需要渲染该代码块:
hacker707
2022/10/31
6150
【微信小程序】条件渲染
【微信小程序】列表渲染
默认情况下,当前循环项的索引用index表示;当前循环项用item表示 ✅hacker.wxml 定义一个for循环访问数组
hacker707
2022/10/31
5980
【微信小程序】列表渲染
【微信小程序】数据绑定
把data中的数据绑定到页面中渲染,使用Mustache语法将变量包起来即可,语法格式如下:
hacker707
2022/10/31
1.5K0
【微信小程序】数据绑定
小程序项目结构与组件基础
小程序官方建议把所有小程序的页面,都存放在 pages 目录 中,以单独的文件夹存在,如图所示:
timerring
2023/06/09
5030
小程序项目结构与组件基础
【微信小程序】swiper和swiper-item组件的基本使用
✅作者简介:CSDN内容合伙人、阿里云专家博主、51CTO专家博主🏆 📃个人主页:hacker707的csdn博客 🔥系列专栏:微信小程序 💬个人格言:不断的翻越一座又一座的高山,那样的人生才是我想要的。这一马平川,一眼见底的活,我不想要,我的人生,我自己书写,余生很长,请多关照,我的人生,敬请期待💖💖💖 swiper和swiper-item 实现轮播图效果 swiper组件的常用属性 结束语 实现轮播图效果 list.wxml <!--轮播图的结构--> <swiper class="sw
hacker707
2022/10/31
2.7K0
【微信小程序】swiper和swiper-item组件的基本使用
【微信小程序】事件传参与数据同步
通过调用this.setData(dataObject)方法,可以给页面data中的数据重新赋值,示例如下:
hacker707
2022/10/31
1.3K0
【微信小程序】事件传参与数据同步
【微信小程序】事件绑定
事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的形式,反馈到逻辑层进行业务的处理。
hacker707
2022/10/31
1.2K0
【微信小程序】事件绑定
微信小程序入门开发指南
此篇是微信小程序开发的一个简明介绍和关键说明,微信小程序的主要开发语言是 JavaScript,如果你使用过 Vue 或者 React,你将会对微信小程序的开发有一种亲切感,它们的一些理念有一些类似,比如数据绑定、数据驱动视图等。
迟恩
2020/12/08
7660
微信小程序入门开发指南
微信小程序面试题总结
大体相同,但小程序直接this.data的属性是不可以同步到视图的,必须调用this.setData()方法!
changxin7
2020/02/25
8.2K0
相关推荐
【微信小程序】认识小程序页面
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档