微信小程序学习之页面注册

小程序的注册用App函数,所以对应的,也有一个页面注册函数,叫做page()函数。
Page()函数用来注册一个页面,接受一个Object函数,这个Object函数指定页面的初始数据。
Page函数中的参数。

1.data

data是页面渲染时使用的初始数据。当页面加载时,data会以json字符串的形式由逻辑层传至渲染层,因此data中的数据必须时能转换成json的类型,包括字符串,数字,布尔值,对象,数组。

页面周期函数

  1. onLoad()
    页面加载时触发。一个页面只调用一次,可以在页面中获取当前路径中的参数。
    参数会以Object的形式传入进来,之前页面跳转中用查询形式写的url,都会变成key,value的形式。
  2. onReady()
    页面初次渲染完成时触发,一个页面只会调用一次。
  3. onHide
    页面隐藏,切入后台时触发。
  4. onUnload()
    页面卸载时触发。如redirectTo或navigateBack到其他页面时。

    页面事件处理函数

  5. onPullDownRefresh()
    监听用户下拉刷新事件。监听用户下拉刷新事件。
    需要注意的是,首先需要在app.json中配置enablePullDownRefresh为true。
    用wx.startPulDownRefresh触发下拉刷新,效果与手动触发下拉刷新一样。
    当数据处理完成后,可以用wx.stopPullDownRefresh停止下拉刷新。
  6. onPageScroll(obj)
    监听用户滑动页面事件。传入的对象的key值是scrollTop,值为页面在垂直方向上滚动的距离。
  7. onShareAppMessage(obj) 用户点击页面内转发按钮或者是页面左上角的转发时触发。传递的参数obj包含转发事件来源from,button为按钮触发,menu为右上角菜单触发;target,如果是button触发则值为button,否则为undefined。webViewUrl,页面中包含webView组件时,返回当前的webView的URL。
    在这个事件中,需要return一个值出去。这个值是一个对象,包含title,path,imageUrl。用来自定义页面内容。下面对这三个值进行进一步的解读。
    title是页面中转发时需要的标题。如果没有,会默认成当前小程序的名称。
    Path是要转发的页面路径,如果不设置,一般默认为当前页面路径。
    imageUrl是自定义图片的路径,可以是本地文件,代码文件路径,网络图片,支持jpg和png格式。显示的图片比例是5:4。
  8. onResize()
    小程序屏幕旋转时触发。
  9. onTabItemTap()。
    点击tab时触发,返回的参数是一个obj,里面包含了index,被点击item的序号,pagepath,被点击tabitem的页面,text,被点击item的文字。

    组件事件处理函数

  10. 可以像普通的html,在渲染层中加入事件处理函数。具体详见事件处理函数
  11. Page.route()。指向当前页面的路径。
  12. Page.setData(data,callBack)。