微信小程序开发之宿主环境详解

微信小程序开发之宿主环境详解
本篇文章给大家带来了关于微信小程序的相关知识，其中主要介绍了关于宿主环境的相关问题，手机微信是小程序的宿主环境，小程序借助宿主环境提供的能力，可以实现许多普通网页不能完成的功能，下面一起来看一下，希望对大家有帮助。

本篇文章给大家带来了关于微信小程序的相关知识，其中主要介绍了关于宿主环境的相关问题，手机微信是小程序的宿主环境，小程序借助宿主环境提供的能力，可以实现许多普通网页不能完成的功能，下面一起来看一下，希望对大家有帮助。

【相关学习推荐：小程序学习教程】

小程序的宿主环境

手机微信是小程序的宿主环境，小程序借助宿主环境提供的能力，可以实现许多普通网页不能完成的功能。例如：小程序调用微信提供的API实现扫码，支付等功能。

小程序的宿主环境包含的内容：通信模型运行机制组件API通信模型

1.通信的主体

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

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

JS 脚本工作在逻辑层

2.小程序的通信模型

小程序的通信模型分为两部分：

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

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

两者都通过微信客户端进行转发

运行机制

1.小程序的启动过程

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

解析 app.json 全局配置文件

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

渲染小程序首页

小程序启动完成

2.页面渲染的过程

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

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

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

页面渲染完成

组件

1.小程序中组件的分类：

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

视图容器

基础内容

表单组件

导航组件

体组件

map 地图组件

canvas 画布组件

开放能力

无障碍访问

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

view

普通视图区域

类似于 HTML 中的 div，是一个块级元素

常用来实现页面的布局效果

例如：使用flex实现横向布局。

wxml代码:

<view class="container1"><view>A</view><view>B</view><view>C</view></view>