# 扩展阅读清单：第5次课

> 对应教材：《微信小程序开发实战（第2版）》第2章
> 课程主题：多页面导航与tabBar配置
> 重点：页面导航、tabBar配置、页面传参　难点：页面栈管理、传参编码解码

---

## 官方文档（必读）

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 1 | [路由 · 页面栈与跳转](https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html) | 文档 | 五种跳转方式对页面栈的影响，配一张对照表 |
| 2 | [wx.navigateTo](https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html) | 文档 | 含 events 通道，可实现子页向父页回传数据 |
| 3 | [navigator 组件](https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html) | 文档 | 声明式导航，open-type 对应各种跳转方式 |
| 4 | [tabBar 配置](https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar) | 文档 | list 数量限制与样式项 |

## 进阶理解

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 5 | [getCurrentPages()](https://developers.weixin.qq.com/miniprogram/dev/reference/api/getCurrentPages.html) | 文档 | 调试页面栈的利器，可以打印出当前有几层 |
| 6 | [数据缓存 wx.setStorageSync](https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html) | 文档 | 参数太大不适合走 URL 时的替代方案 |
| 7 | [MDN · encodeURIComponent](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent) | 文档 | 搞清楚它和 encodeURI 的区别 |

## 视频资源（检索关键词）

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 8 | [B 站检索：「小程序 页面跳转 传参」](https://search.bilibili.com/all?keyword=%E5%B0%8F%E7%A8%8B%E5%BA%8F%20%E9%A1%B5%E9%9D%A2%E8%B7%B3%E8%BD%AC%20%E4%BC%A0%E5%8F%82) | 视频 | 重点看 switchTab 与 navigateTo 的区别演示 |

---

## 本课自查清单

看完资料后，用下面几个问题自测。答不上来的，回到对应文档再看一遍。

- [ ] 你能独立完成吗：小程序页面导航的两种方式
- [ ] 你能讲清楚吗：tabBar的配置与使用
- [ ] 你能独立完成吗：页面间参数传递的方法
- [ ] 你能做到吗：实现多页面应用
- [ ] 遇到「navigateTo 跳 tab 页面失败」时，你知道从哪里开始查吗？
- [ ] 遇到「传中文参数乱码」时，你知道从哪里开始查吗？
- [ ] 遇到「页面栈溢出」时，你知道从哪里开始查吗？

---

> 说明：以上链接均为官方文档、MDN 或知名开源仓库，可长期访问。
> 视频类资源只给检索入口而不写死具体视频链接——UP 主调整内容后单条链接极易失效，按关键词自行挑选近一年内、基于当前稳定版工具的教程更可靠。