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

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

宿主环境


一、什么是宿主环境?


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


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


二、小程序的宿主环境


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


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


1.通信模型


通信的主体


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


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


  1. JS脚本工作在逻辑层



小程序的通信模型


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


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



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



2.运行机制


小程序启动的过程


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


  1. 解析app.json全局配置文件


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


  1. 渲染小程序首页


  1. 小程序启动完成


小程序页面渲染过程


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


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


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


  1. 页面渲染完成


3.组件


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


  1. 视图容器


  1. 基础内容


  1. 表单组件


  1. 导航组件


  1. 媒体组件


  1. map地图组件


  1. canvas画布组件


  1. 开放能力


  1. 无障碍访问


4.API


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


  1. 事件监听API


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


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


  1. 同步API


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


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


  1. 异步API


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

目录
相关文章
|
1月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
50 1
ly~
|
2月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
78 6
|
1月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
526 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
1月前
|
小程序 前端开发 数据可视化
微信商城小程序WeiMall
微信商城小程序WeiMall
32 0
|
2月前
|
小程序 前端开发 API
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题(解决方案)
本文讨论了在微信小程序中调用API回调函数时无法获取到`this`上下文的问题,并提供了解决方案。在回调函数中,使用一个变量(如`that`)来保存当前的`this`引用,然后在回调内部使用这个变量来访问当前页面的数据和方法。
|
3月前
|
移动开发 小程序 前端开发
|
3月前
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记,看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记,涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
|
3月前
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
30天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
452 7
|
30天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
504 1

热门文章

最新文章