微信小程序基本架构
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:实时录制器组件,用于录制实时音视频流并推送到云存储或云直播平台
原创文章,作者:K-seo,如若转载,请注明出处:https://www.kdun.cn/ask/514123.html