codecamp

百度智能小程序 Page

Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

object 参数说明:

属性类型描述
dataObject页面的初始数据
onInitFunction监听页面初始化的生命周期函数
onLoadFunction监听页面加载的生命周期函数
onReadyFunction监听页面初次渲染完成的生命周期函数
onShowFunction监听页面显示的生命周期函数
onHideFunction监听页面隐藏的生命周期函数
onUnloadFunction监听页面卸载的生命周期函数
onPullDownRefreshFunction监听用户下拉动作,详情请参考页面事件处理函数
onReachBottomFunction页面上拉触底事件的处理函数,详情请参考页面事件处理函数
onPageScrollFunction监听用户滑动页面,详情请参考页面事件处理函数
onShareAppMessageFunction用户点击右上角转发,详情请参考页面事件处理函数
onTabItemTapFunction点击 tab 时触发,详情请参考页面事件处理函数
onURLQueryChangeFunction监听页面 URL query 改变,详情请参考页面事件处理函数
onErrorFunction错误监听函数
其他不限开发者可以添加任意的函数或数据到 object 参数中,在页面的函数中用 this 可以访问。

代码示例

Page({
    data: {
    name: 'swan'
    },
    onInit: function () {
    // Do something when page init.
    },
    onLoad: function () {
    // Do something when page load.
    },
    onReady: function() {
    // Do something when page ready.
    },
    onShow: function() {
    // Do something when page show.
    },
    onHide: function() {
    // Do something when page hide.
    },
    onUnload: function() {
    // Do something when page close.
    },
    onPullDownRefresh: function() {
    // Do something when pull down.
    },
    onReachBottom: function() {
    // Do something when page reach bottom.
    },
    onShareAppMessage: function () {
    // return custom share data when user share.
    },
    onURLQueryChange: function() {
    // Do something when url query change.
    }
});

智能小程序框架,会将同页面的 .swan 文件与 .js 中定义的 Page 对象中的 data,进行组合渲染。


百度智能小程序 自定义路由
百度智能小程序 组件
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

百度智能小程序开发文档

百度智能小程序 组件

百度智能小程序 地图

百度智能小程序 画布

百度智能小程序 API

百度智能小程序 界面

百度智能小程序 关注小程序引导组件

百度智能小程序 自定义组件

百度智能小程序 媒体

百度智能小程序 设备

百度智能小程序 拨打电话

百度智能小程序 内存警报

百度智能小程序 手机联系人

百度智能小程序 用户截屏事件

百度智能小程序 第三方平台

百度智能小程序 开放接口

百度智能小程序 百度收银支付

百度智能小程序 分包预下载

百度智能小程序 数据分析

百度智能小程序 服务端

百度智能小程序 云开发

百度智能小程序 初始化

百度智能小程序 云函数

百度智能小程序 服务端初始化

百度智能小程序 服务器获取上下文

百度智能小程序 服务端云函数

百度智能小程序 开发教程

百度智能小程序 功能开发

百度智能小程序 基本原理

百度智能小程序 小程序自动化

百度智能小程序 视频教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }