微信小程序 JS 逻辑层

丰富的API: https://developers.weixin.qq.com/miniprogram/dev/api/

全局逻辑(app.js)

  调用APP()函数,调用生命周期函数

一、生命周期函数:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html

  App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。

1. onLaunch : 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)

2. onShow :当小程序启动,或从后台进入前台显示,会触发 onShow

3. onHide : 当小程序从前台进入后台,会触发 onHide

4. onError : 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

5. onPageNotFound :开发者可以添加任意的函数或数据到 Object 参数中,用 this可以访问

页面级逻辑(page.js)

  调用page()函数,传入data,调用生命周期函数

一、生命周期函数:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html

  Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

1. onLoad: 生命周期函数--监听页面加载      》一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。

2.  onShow: 生命周期函数--监听页面显示    》每次打开页面都会调用一次。

3. onReady : 生命周期函数--监听页面初次渲染完成     》一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。》对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。

4. onHide : 生命周期函数--监听页面隐藏    》当navigateTo或底部tab切换时调用。

5. onUnload:生命周期函数--监听页面卸载    》当redirectTonavigateBack的时候调用。

二:普通函数:

1. data :页面的初始数据

2. onPullDownRefresh :页面相关事件处理函数--监听用户下拉动作

3. onReachBottom:页面上拉触底事件的处理函数

4.onShareAppMessage:用户点击右上角转发 

5. onPageScroll:页面滚动触发事件的处理函数

6. onTabItemTap :当前是 tab 页时,点击 tab 时触发

7.Page.prototype.setData():setData 函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)。

猜你喜欢

转载自www.cnblogs.com/zhangyajun/p/9180568.html