本文详细介绍了小程序的目录结构，包括pages、utils、app.js、app.json、app.wxss等关键文件的作用。此外，讲解了tabbar配置、条件渲染、列表渲染以及生命周期函数如onLoad、onShow等。同时，提到了事件处理如bindtap和bindlongpress，以及小程序样式和渲染机制。此篇内容是理解小程序开发的基础。
小程序目录结构
pages > wxml wxss js json
utiles 编写工具类的地方
app.js 创建实例的地方
app.json 编写全局配置的地方
app.wxss 编写全局样式的地方
project.config.json 项目的配置文件
tabbar
list【{pagePath：路径，text：标题，iconPath：未选中时展示的图片，selectedIconPath：选中时展示的图片}】
wx：if wx：elif wx：else 页面的展示或隐藏 hidden 隐藏 展示
wx：for=”{{list}}“ 列表渲染 wx：key=“”
wx：for-item 指定数组当前元素的变量名 wx：for-index 指定数组当前下标的变量名
wxss 小程序的样式 屏幕宽度为750rpx 支持id class 标签 伪元素选择器
小程序渲染 this.setdata（{ list：this.data.list}）
生命周期
onLoad：生命周期函数--监听页面加载
onShow：生命周期函数--监听页面显示
onReady：生命周期函数--监听页面初次渲染完成
onHide：生命周期函数--监听页面隐藏
onUnload：生命周期函数--监听页面卸载
点击事件 bindtap 长按事件bindlongpress
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
