微信小程序学习day3

1.导航

声明式导航navigate

<navigator url="/pages/message/message" //注意要/

open-type="switchTab" >//跳转方式，默认navigate可不写
不要点我</navigator>


//后退
<navigator url="" open-type="navigateBack"
 delta="1">//默认1
再点我就没了</navigator>

<navigator url="/pages/info/info?name=zs&age=20">点我试试</navigator>//非tabbar可传参

编程式导航

getInfo(){
            wx.navigateTo({//非tabbar
                url:'/pages/info/info'
            })
    },
    getBack(){//回退非tabbar
        wx.navigateBack()
    },
getSwitch(){//跳转到tabbar
        wx.switchTab({
            url:'/pages/home/home'
        })
    },

页面接受传进来的参数

 data: {
        query:({})
    },

 onLoad(options) {
            console.log(options)
            this.setData({
                query:options}
            )
    },

下拉刷新优化

onPullDownRefresh() {//下拉刷新的回调函数
        this.setData({
            count:this.data.count-this.data.count
        })
//真机上让下拉刷新回去的api
        wx.stopPullDownRefresh()
    },

上拉触底事件

    "onReachBottomDistance": 100//json文件中配置上拉触底事件

     onReachBottom() {
        console.log('触发上拉触底事件')
    },//上拉触底的回调函数

生命周期

1.应用生命周期
特指小程序从启动 -> 运行 -> 销毁的过程

2.页面生命周期
特指小程序中，每个页面的加载 -> 染-> 销毁的过程