04. JavaScript 逻辑

小程序的 JavaScript 逻辑主要用于处理数据和事件。

一、页面生命周期

Page({
    onLoad(options) {
        // 页面加载
    },

    onShow() {
        // 页面显示
    },

    onReady() {
        // 页面渲染完成
    },

    onHide() {
        // 页面隐藏
    },

    onUnload() {
        // 页面卸载
    },

    onPullDownRefresh() {
        // 下拉刷新
    },

    onReachBottom() {
        // 上拉加载
    }
});

二、数据处理

Page({
    data: {
        message: "Hello"
    },

    changeMessage() {
        this.setData({
            message: "New Message"
        });
    }
});

三、事件处理

<button bindtap="handleClick">点击</button>

Page({
    handleClick(e) {
        console.log("点击按钮", e);
    }
});

---

总结

熟练掌握小程序的 JavaScript 逻辑是开发好小程序的关键。