第11课：小程序中的JS
进度 0/30
⚙️
小程序中的JS
让页面有了会思考的大脑
📖知识引入
🧠JS是大脑
WXML是身体，JS是大脑：点击按钮干什么、账目怎么计算、什么时候跳页面，全由.js文件指挥。
📄Page()注册页面
每个页面的js以Page({...})开头：data是初始数据（记忆），函数是行为（动作）。它是页面的「户口本」。
🔄生命周期
onLoad页面加载（出生）、onShow每次显示（登台）、onUnload页面销毁（谢幕）——了解它们就知道代码在什么时候跑。
🌐逻辑层与视图层
小程序分两层：逻辑层跑JS（大脑思考），视图层显示WXML（身体呈现），两层靠数据绑定沟通。
🖨️console.log对话机
想知道代码跑没跑、数据是多少？console.log('打印我')，在调试器Console面板看输出，是排错第一神器。
💡
Page是页面户口本：data存数据，函数管行为！
🔍一个页面的JS
Page({
data: {
motto: '今天也要加油！'
},
onLoad() {
console.log('页面加载了')
},
tapMe() {
this.setData({ motto: '你点了我！' })
}
})生命周期时间轴：
用户打开页面 │ ▼ onLoad 📥 出生（只来一次） │ ▼ onShow 👀 登台（每次显示都来） │ ▼ onReady 🎬 首屏渲染完成 │ ▼ 用户离开页面 │ ▼ onHide 😴 幕布拉上（切后台） │ ▼ onUnload 🎬 谢幕销毁
把console.log当成 「对话机」： 哪里不确定， 就在哪里打印一句话看看！
🎯小测验
第1题：小程序页面的「大脑」是哪个文件？
第2题：onLoad生命周期函数什么时候执行？
第3题：想查看变量的值，最常用的方法是？
📝本课知识点
- ✓JS是页面的大脑
- ✓Page()注册页面：data+函数
- ✓生命周期：onLoad/onShow/onUnload
- ✓逻辑层思考、视图层呈现
- ✓console.log是排错神器
第11课完成！继续探索下一课吧 🚀