pagejs的作用及意义？
页面.js中的Page函数用来注册一个页面，指定页面的初始数据、生命周期回调、事件处理函数等。
语法：Page(Object)
参数: Object json对象
复制代码
1 Page({
2
3 /**
4 * data
5 * 说明: 页面的初始数据
6 **/
7 data : {
8 // 定义本页面所需的变量
9 text : "This is page data."
10 },
11
12
13 /**
14 * onLoad(query)
15 * 说明: 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。
16 * 参数: query [Object] 打开当前页面路径中的参数
17 **/
18 onLoad : function(query){
19 },
20
21
22 /**
23 * onShow()
24 * 说明: 页面显示/切入前台时触发。。
25 **/
26 onShow : function(){
27 },
28
29
30 /**
31 * onReady()
32 * 说明: 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
33 **/
34 onReady : function(){
35 },
36
37
38 /**
39 * onHide()
40 * 说明: 页面隐藏/切入后台时触发。 如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等。
41 **/
42 onHide : function(){
43 },
44
45
46 /**
47 * onUnload()
48 * 说明: 页面卸载时触发。如redirectTo或navigateBack到其他页面时。
49 **/
50 onUnload : function(){
51 },
52
53
54 /**
55 * onPullDownRefresh()
56 * 说明: 监听用户下拉刷新事件。
57 * 注意:
58 * 1) 需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。
59 * 2) 可以通过wx.startPullDownRefresh触发下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。
60 * 3) 当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
61 **/
62 onPullDownRefresh : function(){
63 },
64
65
66 /**
67 * onReachBottom()
68 * 说明: 监听用户上拉触底事件。
69 * 注意:
70 * 1) 可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。
71 * 2) 在触发距离内滑动期间，本事件只会被触发一次。
72 **/
73 onReachBottom : function(){
74 },
75
76
77 /**
78 * onPageScroll(Object)
79 * 说明: 监听用户滑动页面事件。
80 * 参数: Object，可以通过Object获取以下数据：
81 * Object.scrollTop [Number] 页面在垂直方向已滚动的距离（单位px）
82 **/
83 onPageScroll : function(Object){
84 },
85
86
87 /**
88 * onShareAppMessage(Object)
89 * 说明: 监听用户转发行为。是点击转发按钮（<button> 组件 open-type="share"）还是右上角菜单“转发”按钮的行为，并自定义转发内容。
90 * 参数: Object，可以通过Object获取以下数据：
91 * Object.from [button|menu] 转发事件来源。值为 button 时表示点击页面转发按钮。 值为menu通过点击页面右上角转发菜单。
92 * Object.target [Object] 如果 from 值是 button，则 target 是触发这次转发事件的 button，否则为 undefined
93 * Object.webViewUrl [String] 页面中
版权说明：Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有
免费热线：400-683-0016
扫二维码关注公众号
当前位置：