微信小程序基本架构与组件是什么

微信小程序基本架构包括逻辑层、视图层和模型层，组件是可重用的UI元素，用于构建小程序页面。

微信小程序基本架构与组件

微信小程序基本架构

1、小程序的组成

WXML：用于描述页面结构

WXSS：用于描述页面样式

JavaScript：用于处理页面逻辑

JSON：用于配置页面

2、小程序的运行环境

客户端：用户使用的设备，如手机、平板等

服务器端：提供数据接口和云开发服务

3、小程序的生命周期

启动：小程序启动或从后台进入前台显示时触发

显示：小程序可见于前台时触发

隐藏：小程序从前台进入后台时触发

错误：小程序发生脚本错误或 API 调用失败时触发

卸载：小程序被关闭并销毁时触发

微信小程序组件

1、基础组件

View：视图容器，类似于HTML中的div

Text：文本组件，用于显示字符串

Image：图片组件，用于显示图片

Input：输入框组件，用于接收用户输入

Button：按钮组件，用于触发点击事件

ScrollView：滚动视图容器，用于在有限的空间内展示大量内容

Swiper：滑动切换视图容器，类似于幻灯片效果

Picker：选择器组件，用于提供一组选项供用户选择

Switch：开关组件，用于表示两种状态之间的切换

Progress：进度条组件，用于显示操作进度

Label：标签组件，用于显示一段较短的文字

Icon：图标组件，用于显示图标

Badge：徽标组件，用于显示数字或小红点

Toast：提示框组件，用于显示简短的消息提示

ActionSheet：操作面板组件，用于弹出包含多个选项的操作面板

Dialog：对话框组件，用于弹出一个模态对话框

Popover：气泡卡片组件，用于弹出一个小型浮层卡片

Menu：菜单组件，用于显示菜单项列表

SearchBar：搜索栏组件，用于提供搜索功能

List：列表组件，用于展示一组数据列表

PullRefresh：下拉刷新组件，用于实现下拉刷新功能

LoadMore：加载更多组件，用于实现上拉加载更多功能

2、媒体组件

Audio：音频组件，用于播放音频文件

Video：视频组件，用于播放视频文件

LivePlayer：实时播放器组件，用于播放实时音视频流

LivePusher：实时录制器组件，用于录制实时音视频流并推送到云存储或云直播平台