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

这篇具有很好参考价值的文章主要介绍了【微信小程序】小程序的宿主环境。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

:host 在微信小程序中的使用,微信小程序,微信小程序

宿主环境简介

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

小程序的宿主环境

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

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

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

通信模型

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

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

小程序启动的过程

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

页面渲染的过程

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

结束语

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

:host 在微信小程序中的使用,微信小程序,微信小程序文章来源地址https://www.toymoban.com/news/detail-782393.html

到了这里,关于【微信小程序】小程序的宿主环境的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在微信小程序中怎么使用vant框架?

    Vant 是一个轻量、可定制的移动端组件库,于 2017 年开源。 目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。 Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所

    2024年02月10日
    浏览(62)
  • 如何在微信小程序中使用less开发

    第一步:直接先在 vscode 安装 easy-less 插件 第二步:点击微信开发者工具的扩展按钮,再点击扩展下的三个小点,选择从已解包的扩展文件夹安装 第三步:选择这个less文件夹 第四步:设置输出.wxss 到这里还差最后一步,因为Easy-less,默认输出的css,但是小程序中要使用.wxs

    2024年04月27日
    浏览(46)
  • 使用百度地图坐标在微信小程序中定位显示

    一.需求描述:设备在上线时需要在上线点记录所在地点的坐标和位置描述信息 分别需要实现三个功能 1. 根据坐标点显示位置信息 , 图1 中的红色坐标点跳转到 图2 时,在腾讯地图上标出所在坐标点,并显示地点信息; 2. 定位当前所在位置 :点击蓝色图标,会定位当前所在位

    2024年02月09日
    浏览(76)
  • 在微信小程序中使用leafletwx加载自制手绘地图

    leafletwx是基于leaflet,使用微信原生组件开发的一套开源地图组件,目的是替换小程序内的原生map组件,项目开源地址:leatletwx。 加载自制手绘地图效果:  本示例开源地址在leafletwx的mymap页面。 可以使用gdal,安装成功后,使用命令 切分瓦片(使用gdal): gdal2tiles-l.py -l -p

    2024年01月24日
    浏览(44)
  • 在微信小程序中如何使用Loading组件显示载入动画

    Loading组件是微信小程序中常用的一种UI组件,用于在数据加载过程中显示载入动画,提高用户体验。本文将详细介绍如何在微信小程序中使用Loading组件,并提供相应的源代码示例。 创建Loading组件 首先,在小程序的组件文件夹中创建一个名为\\\"loading\\\"的文件夹,并在该文件夹下

    2024年02月03日
    浏览(53)
  • 微信小程序3D,使用Three.js在微信小程序中展示gltf模型,使用VisionKit展示AR能力

    本仓库只开源gltf模型展示技术,技术好的朋友有这些代码就能帮助你解决很多问题了 如需要完整项目(基于若依框架开发的后端,AR能力前端)需另外付费赞助, 联系方式:QQ 790002517 微信公众号:时不待我 https://github.com/zzy-life/Wechat3D Three.js Three.js is a JavaScript 3D library. thr

    2024年02月09日
    浏览(44)
  • 如何在微信小程序中使用less来编写css

    在微信小程序中使用 Less 需要一些额外的配置步骤,因为小程序本身不支持直接引用 Less 文件。我们可以借助 Webpack 进行构建,使用一些 loader 来编译 Less 文件。以下是具体步骤: 初始化项目 使用微信开发者工具新建一个小程序项目,或在已有项目的基础上操作。 安装依赖 使用

    2024年04月09日
    浏览(61)
  • 使用web-view在微信小程序中显示网页

    比如要在小程序中显示《用户协议》《隐私政策》等网页内容,可以直接用web-view显示 如下代码所示 打开的页面标题显示的是网页的标题,也就是title标题/title标签中的内容 最后,记得在小程序后台开发管理中添加业务域名,把要访问的网址添加到业务域名中,否则小程序发

    2024年02月15日
    浏览(66)
  • 五分钟学会在微信小程序中使用 vantUI 组件库

    我们在开发微信小程序时,设计和实现好用的用户界面无疑是至关重要的一步。但是微信小程序官方自带的 UI 组件库无法满足很多使用场景,这个时候就需要我们使用一些第三方的 UI 组件库。而 vant Weapp 作为一款优秀的前端 UI 组件库,可以帮助我们快速地构建漂亮而且易用

    2023年04月24日
    浏览(70)
  • uniapp使用threejs-miniprogram在微信小程序加载模型

    1.通过 npm 安装 2.导入小程序版本的 Three.js并创建一个与 canvas 绑定的 three.js  3.创建渲染器 4.创建场景,创建相机,渲染 5.注册GLTF加载器,加载模型添加到场景 threejs-miniprogram/example/loaders/gltf-loader.js at master · wechat-miniprogram/threejs-miniprogram · GitHub 下载 gltf-loader.js 注册gltf-loader 加

    2024年02月08日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包