[移动开发] 03——小程序的宿主环境：【宿主环境简介】【通信模型】【运行机制】【组件】【API】

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> 03——小程序的宿主环境：【宿主环境简介】【通信模型】【运行机制】【组件】【API】 -> 正文阅读

[移动开发]03——小程序的宿主环境：【宿主环境简介】【通信模型】【运行机制】【组件】【API】

一、小程序的宿主环境——宿主环境简介

●什么是宿主环境

在这里插入图片描述

●小程序的宿主环境

在这里插入图片描述

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

在这里插入图片描述

二、小程序的宿主环境——通信模型

●通信的主体

在这里插入图片描述

●小程序的通信模型

在这里插入图片描述

三、小程序的宿主环境——运行机制

●小程序启动的过程

在这里插入图片描述

●页面渲染的过程

在这里插入图片描述

四、小程序的宿主环境——组件

●小程序中组件的分类

在这里插入图片描述

四、常用的视图容器类组件

在这里插入图片描述

●view 组件的基本使用

在这里插入图片描述

●scroll-view 组件的基本使用

在这里插入图片描述

scroll-x 属性：允许横向滚动

scroll-y 属性：允许纵向滚动

注意：使用竖向滚动时，必须给 scroll-view一个固定高度

●swiper 和 swiper-item 组件的基本使用

在这里插入图片描述

●swiper 组件的常用属性

在这里插入图片描述

<!-- 轮播图的结构 -->
<swiper class="swiper-container" indicator-dots indicator-color="white" indicator-active-color="gray" autoplay interval="3000" circular>
    <swiper-item>
        <view class="item">A</view>
    </swiper-item>
    <swiper-item>
        <view class="item">B</view>
    </swiper-item>
    <swiper-item>
        <view class="item">C</view>
    </swiper-item>
</swiper>