微信小程序 JS 逻辑层

Posted 2020-11-18 zhangyajun

丰富的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：生命周期函数--监听页面卸载    》当redirectTo或navigateBack的时候调用。

二：普通函数：

1. data ：页面的初始数据

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

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

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

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

6. onTabItemTap ：当前是 tab 页时，点击 tab 时触发

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