• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
sdfas ad asa

微信小程序 JS 逻辑层

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

丰富的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 的值(同步)。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序JS导出和导入发布时间:2022-07-18
下一篇:
微信小程序使用pako.js的踩坑笔记发布时间:2022-07-18
热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap