20190228小程序跳转页面有几种方式? 有什么不同?在小程序中每个页面可以看成是一个pageModel,pageModel全部以栈的形式进行管理(最多五层)在说跳转方式之前我们先来温习一下栈和堆的区别管理方式不同栈是系统编译器启动管理,不需要程序员手动管理堆的释放由程序员手动管理,不及时回收容易产生内存泄露分配方式不同栈有两种分配方式:静态分配和动态分配静态分配是系统编译器完成的,比如局部变量的分配动态分配是由alloc函数进行分配的,但是栈的动态分配和堆的动态分配是不同的,它的动态分配也由系统编译器进行释放,不需要程序员手动管理堆是动态分配和回收内存的,没有静态分配的堆分配大小不同栈是向低地址扩展的数据结构,是一块连续的内存区域堆是向高地址扩展的数据结构,是不连续的内存区域进入正题小程序的路由跳转分为两种,组件跳转以及api跳转api形式分为navigateTo 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面redirectTo 关闭当前页面,跳转到应用内的某个页面switchTab 跳转到tabBar页面,同时关闭其他非tabBar页面navigateBack 返回上一页面reLanch 关闭所有页面,打开到应用内的某个页面前面有提到栈,那么这些导航方式跟栈有什么关系呢,看下面初始化 新页面入栈navigateTo 新页面入栈redirectTo 当前页面出栈,新页面入栈navigateBack 页面不断出栈,直到目标返回页,新页面入栈switchTab 页面全部出栈,只留下新的 Tab 页面reLanch 页面全部出栈,只留下新的页面通过组件形式进行跳转// navigator 组件默认的 open-type 为 navigate <navigator url="/page/navigate/navigate?title=navigate">跳转到新页面</navigator>// 如需要其它形式进行跳转,可以更改open-type 属性以上api值<navigator url="/page/navigate/navigate?title=navigate" open-type=“switchTab”>切换 Tab</navigator>getCurrentPagesgetCurrentPages() 函数用于获取当前页面栈的实例(属性及方法),以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面// Page A 跳转至Page Bwx.navigateTo({ url: ‘/pages/B/B’ })// Page Bconst pages = getCurrentPages()const perPage = pages[pages.length - 2] // 上一个页面perPage.setData({ title: ‘JS每日一题’})总结小程序页面由栈形式管理,最多为5层,在合理的场景使用合理的方式进行跳转关于JS每日一题JS每日一题可以看成是一个语音答题社区 每天利用碎片时间采用60秒内的语音形式来完成当天的考题 群主在次日0点推送当天的参考答案注 绝不仅限于完成当天任务,更多是查漏补缺,学习群内其它同学优秀的答题思路点击加入答题