9.28 冯娜
学习日志
一、初始数据:
1、page中的data:[],用来存储并初始化页面中的数据对象。
二、生命周期:
1、什么是生命周期:一个组件从创建开始到使用至最后被销毁的过程(组件的生命周期)。
2、
(1)onLoad():页面加载时触发,只会调用一次,可获取当前页面路径中的参数。
(2)onShow():页面显示/切入前台时触发,一般用来发送数据请求。
(3)onReady():页面初次渲染完成时触发,只会调用一次,代表页面以可和视图层进 行交互。
(4)onHide():页面隐藏/切入后台时触发,如底部tab切换到其他页面或小程序切入后台等。
(5)onUnload():页面卸载时触发,如redirectTo或navigateBack到其他页面时。
三、事件处理函数:
onPullDownRefresh:页面相关事件处理函数—监听用户下拉动作。
onReachBottom:页面上拉触底事件的处理函数。
onShareAppMessage:用户点击右上角分享。
onAddToFavorites:用户点击右上角收藏。
onPageScroll:页面滚动触发事件的处理函数。
onResize:页面尺寸改变时触发。
onTabltemTap:当前是tab页时,点击tab时触发。
四、自定义事件绑定:
1、PC端
2、移动端
3、小程序元素绑定元素
(1)支持冒泡:
(2)不支持冒泡:
五、数据控制与显示:
1、循环:
2、if:
3、if else:
4、hidden:
六、页面跳转:
1、wx.navigateTo({}):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回。
2、 wx.redirectTo() :关闭当前页面,跳转到非tabBar的某个页面。
3、 使用组件
4、 wx.switchTab:跳转到tabBar的某个页面,不能跳转到tabBar之外的页面组件。
5、 wx.reLanch:关闭所有页面,打开到应用内的某个页面。
七、弹窗提示信息:
1、模态窗口
2、提示你想提示的信息。不带确定和取消按钮。可以用在判断注册成功或失败的验证,如果icon:'none'只是提示title里的文字不会有样式的弹框显示
3、隐藏消息提示框
八、修改数据:通过js修改data中的数据:
1、获取data中的数据:this.data.“属性名”
2、修改data中的数据:this.setData({
属性名:"属性值"
})
评论留言