页面导航-导航传参-下拉刷新事件-上拉触底事件-自定义编译模式-声明周期

页面导航

页面导航分为两种：

1. 声明式导航：在页面上声明<navigato>导航组件

2.编程式导航：调用小程序的导航API，实现页面的跳转

《1.》声明式导航

1.导航到tabBar页面

在使用<navigator>组件跳转到指定的tabBar页面时，需要指定url属性和onen-type属性

url ：跳转的页面的地址，必须以 /  开头

open-type 跳转的方式，必须为switchTab  

 2.导航到非tabBar页面

 3.后退导航

 《2.》编程式导航

     1.导航到tabBar页面

  注意url：后面不能带后缀  如url: '/pages/contact/contact.js',  这是错误的

 示例代码如下：

 2.导航到非tabBar页面

  示例代码如下：

 3.后退导航

 《3.》导航传参

1.声明时传参

2.编程式传参

 3.在onLoad中接收导航参数 

需要：想把数据存放到data里面：

data: {
    query:{}
  },



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

《4.》下拉刷新事件

1.监听事件的下拉刷新

 需要：当下拉刷新后，count值为0

2.停止下拉刷新的效果

《5.》上拉触底事件

 上拉触底案例

步骤1.定义获取随机颜色的方式

步骤2.在页面加载时获取初始数据 

步骤3.渲染UI结构并美化页面效果

 步骤4.上拉触底时获取随机的颜色

 步骤5.添加loading提示效果 

跟success平级

 

步骤6.节流处理

步骤1.

 

 步骤2.

步骤3.

 

步骤4.

 

 

《6.》自定义编译模式

当我们给 ‘’联系我们‘’ 设置了样式后， 每次编译，都会跳转到首页，得要再点一下联系我们才能看到效果，为了方便编译，使用了自定义编译，可以实现 编译了‘’联系我们‘’页面，编译后不会跳转到首页

  《7.》  什么是声明周期

    1.什么是声明周期

2. 声明周期的分类

 

3.声明周期的应用

6.页面的声明周期函数