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

> 对应教材：《微信小程序开发实战（第2版）》第6章
> 课程主题：综合项目——点餐系统（上）
> 重点：项目架构设计、首页与菜单页开发　难点：项目架构规划、组件拆分

---

## 官方文档 · 组件化

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 1 | [自定义组件 · 组件模板与样式](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/) | 文档 | 组件化开发的完整入门 |
| 2 | [swiper 轮播组件](https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html) | 文档 | 首页广告位 |
| 3 | [scroll-view 与 scroll-into-view](https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html) | 文档 | 分类联动滚动的关键属性 |

## 工程实践

| 序号 | 资源 | 类型 | 说明 |
|:---:|------|:----:|------|
| 4 | [小程序目录结构规范](https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html) | 文档 | 官方推荐的工程组织 |
| 5 | [分包加载](https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html) | 文档 | 主包 2MB 不够用时的解决方案 |
| 6 | [性能优化 · 启动性能](https://developers.weixin.qq.com/miniprogram/dev/framework/performance/tips.html) | 文档 | 首屏加载优化清单 |
| 7 | [官方示例 miniprogram-demo](https://github.com/wechat-miniprogram/miniprogram-demo) | 代码 | 看它的目录组织方式，是很好的参考样板 |

---

## 本课自查清单

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

- [ ] 你能独立完成吗：小程序项目的架构设计方法
- [ ] 你能讲清楚吗：组件化开发的思路
- [ ] 你能做到吗：完成点餐系统首页与菜单页
- [ ] 遇到「一上手就建 pages 写页面」时，你知道从哪里开始查吗？
- [ ] 遇到「每个页面各写一遍 wx.request」时，你知道从哪里开始查吗？
- [ ] 遇到「把所有状态塞进 globalData」时，你知道从哪里开始查吗？

---

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