小程序开发总结

1.页面跳转

wx。NavigateTo（）（保留当前页面并跳转到app中的某个页面。但是，您不能跳转到选项卡页面。您可以使用返回到原始页面。小程序中的页面堆栈最多可以有十层。

）

wx.导航到({

url:'测试？id=1'

})

//测试.js

第页({

onLoad（选项）{

console.log（option.query）

}

})

wx。redirectTo（）（关闭当前页面并跳转到app中的页面。但是，不允许跳转到选项卡页面。）

wx.重定向到({

url:'测试？id=1'

})

Wx。reLaunch（）（关闭所有页面并打开app中的页面）

wx.reLaunch（重新启动）({

url:'测试？id=1'

})

测试页（｛onLoad（option）｛console.log（option.query）｝｝）//值

wx。SwitchTab（）（跳转到tabBar页并关闭所有其他非tabBar页面）

wx.switchTab({

url:“/index”

})

wx。NavigateBack（）（关闭当前页面并返回上一页或多层页面。您可以通过获取当前页面堆栈来决定要返回多少层。

)

//注意：当调用navigateTo进行跳转时，调用此方法的页面将被添加到堆栈中，而redirectTo方法则不会。参见下面的示例代码

//这是A页

wx.导航到({

url:'B？id=1'

})

//这是B页

wx.导航到({

url:'C？id=1'

})

//第C页中的navigateBack将返回到第A页

wx.navigateBack({

增量：2

})

2.微信小程序页面的生命周期功能

mina-lifecycle.png

2.1监听页面加载

onLoad:函数（选项）｛｝，

一个页面只能调用一次。您可以通过在onLoad中打开当前页面来获取调用的查询参数。

2.2监听页面的初始渲染完成

onReady:函数（）｛｝，

一个页面只能调用一次，这意味着该页面已准备好与视图层交互。

2.3监控页面显示

onShow:函数（）｛｝，

每次打开页面时调用一次。

2.4隐藏监控页面

onHide:函数（）｛｝，

当navigateTo或底部选项卡切换时调用。

2.5监控页面卸载

onUnload:函数（）｛｝，

当redirectTo或navigateBack时调用。

微信小程序appjs特有的功能

2.1.1侦听小程序初始化

onLaunch:函数（）｛｝，

小程序初始化完成后，将触发onLaunch（仅全局一次）

2.1.2错误侦听功能

onError:函数（）｛｝，

当小程序出现脚本错误或api调用失败时，将触发onError并显示错误消息

3.如何从小程序的两个页面接收值

3.1 URL（在线获取）

3.2缓存

3.3全局app对象

4.单击以获取设置的页面属性

4.1 e.currentTarget.dataset（当前目标数据集）。属性值

5.组件价值转移

6.小程序双向绑定（小程序的this.data属性不能直接同步到视图，必须调用：）

this.set数据({

noBind:真

})