微信的逻辑层--全局app、非全局page、模块化

全局配置

app.json决定页面文件的路径(pages)、窗口表现(window)、设置网络超过时间(networkTimeout)、设置多tab(tabBar)等。

App(Object)--全局上

App()函数用来注册一个,接收的参数是指定小程序的生命周期回调等。必须在app.js中调用,且只能调用一次。

参数说明:

onLaunch  监听小程序初始化,在小程序初始化完成时触发,且只有一次。

onShow  监听小程序显示,小程序启动,或从后台进入前台显示时。

onHide  监听小程序隐藏,从前台进入后台时。

onError  错误监听函数,小程序发生脚本错误或api调用失败时触发,会带上错误信息。

onPageNotFound  页面不存在监听函数。

前台、后台定义: 当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。需要注意的是:只有当小程序进入后台一定时间,或者系统资源占用过高,才会被真正的销毁。

关闭小程序(基础库版本1.1.0开始支持): 当用户从扫一扫、转发等入口(场景值为1007, 1008, 1011, 1025)进入小程序,且没有置顶小程序的情况下退出,小程序会被销毁。

非全局--Page(Object)构造器

指定页面的初始数据、生命周期回调、事件处理函数等。

1 初始数据--data

2 生命周期回调函数

onLoad   页面加载时触发,只触发一次。

onShow  页面显示/切入前台时触发。

onReady  页面初次渲染完成时触发,只触发一次。代表页面已经准备妥当,可以和视图层进行交互。

onHide  页面隐藏/切入后台时触发,如navigateTo或底部tab切换到其他页面。

onUnload  页面卸载时触发,如redirectTo或navigateBack到其他页面。

3 页面事件处理函数

onPullDownRefresh  监听用户下拉刷新事件。window中需开启enablePullDownRefresh;可以通过wx.startPullDownRefresh触发下拉刷新,处理完成数据刷新后,wx.stopPullDownRefresh停止页面下拉刷新。

onReachBottom  监听用户上拉触底事件。滑动期间只会触发一次。

onPageScroll  监听用户滑动页面事件。有一个参数,scrollTop,页面在垂直方向已滚动的距离,单位px。

onShareAPPMessage  监听用户点击页面内转发按钮或右上角菜单‘转发’按钮的行为,并自定义转发内容。

4 组件事件处理函数

就是在标签里添加的绑定事件。

5 更改data数据

用setData({对象})完成。

模块化

公共的代码抽离成为一个单独的js文件,作为一个模块,通过module.exports对外暴露接口。

生成的utils文件夹就是存放公共代码的。

 

有不足之处欢迎指正,共同学习。

    (⌒▽⌒)

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值