逻辑层
-
注册程序
App函数用来注册一个小程序,用于初始化,接收object参数,指定小程序的生命周期函数
属性 类型 描述 触发时机 onLaunch Function 生命周期函数--监听小程序初始化 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) onShow Function 生命周期函数--监听小程序显示 当小程序启动,或从后台进入前台显示,会触发 onShow onHide Function 生命周期函数--监听小程序隐藏 当小程序从前台进入后台,会触发 onHide onError Function 错误监听函数 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息 其他 Any 开发者可以添加任意的函数或数据到 Object 参数中,用 this 可以访问 -
注册页面
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})
模块化(命名空间)
网友评论