/**
- 用户点击右上角分享
*/
onShareAppMessage: function () {}
})
在上述代码中，Page()函数用来注册一个页面，该函数的参数是一个对象，通过该对象可以指定页面的初始数据、生命周期函数、事件处理函数等，具体说明如下表：
| 属性 | 类型 | 说明 |
| — | — | — |
| data | Object | 页面的初始数据 |
| onLoad | Function | 生命周期回调函数，监听页面加载 |
| onReady | Function | 生命周期回调函数，监听页面初次渲染完成 |
| onShow | Function | 生命周期回调函数，监听页面显示 |
| onHide | Function | 声明周期回调函数，监听页面隐藏 |
| onUpload | Function | 生命周期回调函数，监听页面卸载 |
| onPullDownRefresh | Function | 页面事件处理函数，页面下拉动作 |
| onReachBottom | Function | 页面事件处理函数，页面上拉触底 |
| onShareAppMessage | Function | 页面事件处理函数，用户点击右上角的分享按钮 |
| onPageScroll | Function | 页面事件处理函数，页面滚动会连续触发 |
| 其他 | Any | 开发者可以添加任意的函数或者数据，在页面的函数中通过this.*来访问 |
data的作用将会在后面进行讲解，接下来将针对声明周期函数，页面事件处理函数、组件事件处理函数的使用分别进行演示。
二 Function函数
2.1 声明周期回调函数
回调函数
下面以onLoad、onReady、onShow函数为例进行演示，在pages/index/index.js中找到这三个函数，通过console.log()输出调试信息，具体代码如下。
1 |
2
3
4
5
6
7
8
9
10
11
12
13
14
15
onLoad: function (options) {
console.log(‘页面加载’)
},
/**
- 生命周期函数–监听页面初次渲染完成
*/
onReady: function () {
console.log(‘页面初次渲染完成’)
},
/**
- 生命周期函数–监听页面显示
*/
onShow: function () {
console.log(‘页面显示’)
},
保存上述代码后，在控制台中可以看到输出结果，如下图所示
从上图可以看出，这3个函数的执行顺序为onLoad——>onShow——>onReady
回调函数说明
接下来针对生命周期回调函数的区别进行分析，具体如下：
-
onLoad：页面加载时触发，一个页面只会调用一次。通过参数options可以获取打开当前页面路径中的参数
-
onReady：页面初次渲染完成的时候调用。一个页面只会调用一次，代表页面已经准备妥当，此时可以与视图层进行交互
-
onShow：当页面显示时触发。例如，从后台切入前台时触发
-
onHide：当页面隐藏时触发。例如，从前台切入后台时触发
-
onUnLoad：当页面卸载时触发。例如，使用路由API中的wx.redirectTo()或wx.navigateBack()跳转其他页面时触发
小提示
在小程序的导航栏中，页面标题的右边有两个按钮，即“…”和“◎”。单击“…”会在底部弹出一个菜单，在菜单中有一项”转发”，单击转发就会触发onShareAppMessage事件。单击”◎”可以在前台、后台之间切换，通过此按钮可以测试onShow和OnHide事件，单击后会弹出一个“查找场景值”的菜单，通过场景值可以感知用户的使用场景，如1001表示”发现栏小程序主入口”
页面说明
在onLoad函数中，有一个参数options，表示打开当前页面路径中的参数，它可以在当前页面被其它页面打开的情况下接收一些参数。例如，在ap.json中添加一个测试页面pages/test/test，然后在pages/index/index.js的onReady函数中编写代码，具体如下：
1 |
2
3
4
5
6
onReady: function () {
console.log(‘页面初次渲染完成’)
wx.navigateTo({
url: ‘/pages/test/test?name1=value1&name2=value2’,
})
},
上述代码用于当onReady函数执行时，通过wx.navigateTo()方法打开一个新页面，在该方法的参数中，url表示要打开的页面路径。在/pages/test/test的右边，可以添加类似于URL中的查询字符串?name1=value1&name2=value2，表示传递名称为name1和name2的参数，对应的值分别为value1和value2
在pages/test/test.js的onLoad函数中输出options参数的值，具体代码如下。
1 |
2
3
onLoad: function (options) {
console.log(options)
},
查看控制台中的输出结果，可以看到{name1:”value1”,name2:”value2”}，说明当前页面成功接收到了参数
2.2 页面事件处理函数
下面以onPullDownRefresh、onReachBottom、onPageScroll函数为例进行演示，其中,onPullDownRefresh需要在配置文件中将enablePullDownRefresh设为true才会有效，onReachBottom需要在配置文件中将onReachBottomDistance设为true才会有效。由于开发者工具没有自动生成onPageScroll函数，因此需要手动添加该函数，并且为了使该函数触发还需要确保页面的内容高度超过了显示区域，使页面中出现滚动条。
下面在pages/index/index.js中使用这3个页面处理函数，具体代码如下：
1 |
2
3
4
5
6
7
8
9
10
11
12
13
14
onPullDownRefresh: function () {
console.log(‘此时用户下拉触发’)
},
/**
- 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
console.log(‘此时用户上拉触底’)
},
onPageScroll:function(options)
{
console.log(‘此时用户正在滚动页面’)
console.log(‘滚动距离：’+options.scrollTop)
},
添加上述代码后，读者可以在pages/index/index.wxml中多添加一些内容出现滚动条，然后通过拉动页面触发函数，观察运行结果
2.3 页面事件处理函数
概念
组件事件处理函数用于为组件绑定事件，例如，在pages/index/index.wxml文件中给button组件绑定tap事件，事件处理函数为compare，具体代码如下：
1 |
<button bindtap=“compare”>比较</button>
在pages/index/index.js中增加compare函数，具体代码如下。
1 ### 最后说一下我的学习路线 |
其实很简单就下面这张图，含概了Android所有需要学的知识点，一共8大板块：
- 架构师筑基必备技能
- Android框架体系架构（高级UI+FrameWork源码）
- 360°Androidapp全方位性能调优
- 设计思想解读开源框架
- NDK模块开发
- 移动架构师专题项目实战环节
- 移动架构师不可不学习微信小程序
- 混合开发的flutter
Android学习的资料
我呢，把上面八大板块的分支都系统的做了一份学习系统的资料和视频，大概就下面这些，我就不全部写出来了，不然太长了影响大家的阅读。需要的小伙伴可以私信我【进阶】我免费分享给大家，或者直接点击下面链接领取，谢谢大家这么久以来的支持。
如果你有其他需要的话，也可以在GitHub上查看，下面的资料也会陆续上传到Github
330页PDF Android学习核心笔记（内含上面8大板块）
Android学习的系统对应视频
总结
我希望通过我自己的学习方法来帮助大家去提升技术：
-
1、多看书、看源码和做项目，平时多种总结
-
2、不能停留在一些基本api的使用上，应该往更深层次的方向去研究，比如activity、view的内部运行机制，比如Android内存优化，比如aidl，比如JNI等，并不仅仅停留在会用，而要通过阅读源码，理解其实现原理
-
3、同时对架构是有一定要求的，架构是抽象的，但是设计模式是具体的，所以一定要加强下设计模式的学习
-
4、android的方向也很多，高级UI，移动架构师，数据结构与算法和音视频FFMpeg解码，如果你对其中一项比较感兴趣，就大胆的进阶吧！
希望大家多多点赞，转发，评论加关注，你们的支持就是我继续下去的动力！加油！
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**
[外链图片转存中…(img-BZ6a0n7x-1711015178128)]
[外链图片转存中…(img-XKq0mCct-1711015178128)]
[外链图片转存中…(img-11TqW3G8-1711015178128)]
[外链图片转存中…(img-EcVjL5Dl-1711015178129)]
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
[外链图片转存中…(img-GHhZYlpI-1711015178130)]
1079
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
