页面.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] 页面中
海淘css,CSS算量,css字体变灰,css边角效果试试先,css div毛玻璃效果,css将多个div隐藏显示,css3 眨眼