框架逻辑层(一)

逻辑层

  1. 注册程序

    App函数用来注册一个小程序,用于初始化,接收object参数,指定小程序的生命周期函数

    属性 类型 描述 触发时机
    onLaunch Function 生命周期函数--监听小程序初始化 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
    onShow Function 生命周期函数--监听小程序显示 当小程序启动,或从后台进入前台显示,会触发 onShow
    onHide Function 生命周期函数--监听小程序隐藏 当小程序从前台进入后台,会触发 onHide
    onError Function 错误监听函数 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
    其他 Any 开发者可以添加任意的函数或数据到 Object 参数中,用 this 可以访问
  2. 注册页面

    Page函数注册一个页面,接收一个object参数,指定页面的初始数据,生命周期函数,事件处理函数

    属性 类型 描述
    data Object 页面的初始数据
    onLoad Function 生命周期函数--监听页面加载
    onReady Function 生命周期函数--监听页面初次渲染完成
    onShow Function 生命周期函数--监听页面显示
    onHide Function 生命周期函数--监听页面隐藏
    onUnload Function 生命周期函数--监听页面卸载
    onPullDownRefresh Function 页面相关事件处理函数--监听用户下拉动作
    onReachBottom Function 页面上拉触底事件的处理函数
    onShareAppMessage Function 用户点击右上角转发
    onPageScroll Function 页面滚动触发事件的处理函数
    onTabItemTap Function 当前是 tab 页时,点击 tab 时触发
    其他 Any 开发者可以添加任意的函数或数据到 object 参数中,在页面的函数中用 this 可以访问

    分别分析上表函数及属性

    初始化数据
    * json对象由逻辑层传递至渲染层
    * 渲染层绑定依靠同名key,支持对象直接访问
    >生命周期函数
    * onLoad: 页面加载 **页面只会调用一次,接收其他页面打开此页面传递的query参数,?后的参数
    * onShow: 页面显示,onHide: 页面隐藏,onUnload: 页面卸载,
    * onReady: 页面初次渲染完成 准备完成,等待与视图层交互,某些设置需要等待onReady之后
    >页面事件函数
    * onPullDownRefresh: 下拉刷新,开启enablePullDownRefresh,wx.stopPullDownRefresh()可以停止刷新
    * onReachBottom: 上拉触底,onReachBottomDistance设置触底距离,滑动期间只触发一次
    * onPageScroll: 页面滚动,参数为垂直方向滚动的距离
    * onShareAppMessage: 用户转发,不定义此函数,无转发按钮,返回一个对象包含需要

    时间处理函数
    * 事件绑定
    * Page.prototype.route 获取当前页面的路径
    * Page.prototype.setData() 将逻辑层数据发到视图,并同步到this.data

3.页面路由

  • 页面栈
  • getCurrentPages() 获取当前页面栈实例,第一个数组表示首页,最后一个页面表示当前页面
  • 路由方式

4.模块化

文件作用域
局部变量和全局变量设置与分别
App({global:1})
模块化(命名空间)

你可能感兴趣的:(框架逻辑层(一))