第 0 章 · 最容易混的五组词
同一个中文词可能指好几种东西，先把它们分清。
1. “气泡”到底指什么
中文里说“气泡”，可能是下面五种东西。判断方法：看它是悬停出现还是点击出现，里面能不能点，以及它是在解释、确认还是提醒。
| 叫法 | 怎么出现 | 里面能点吗 | 作用 |
|---|---|---|---|
| Tooltip 文字提示 | 悬停 | 不能 | 解释 |
| Popover 气泡卡片 | 点击 | 能 | 放按钮、表单 |
| Popconfirm 气泡确认框（Ant Design） | 点击某个按钮后 | 能（确认 / 取消） | 确认 |
| Chat bubble 聊天气泡 | 一直在 | — | 承载对话内容 |
| Coach mark 新手引导气泡 | 首次使用时 | 一般有“知道了” | 指路 |
| Badge 红点 / 数字角标 | 一直在 | 不能 | 提醒 |
英文设计稿里一般不用 bubble 当正式组件名，所以和设计师沟通时，最好说具体名字。
2. “弹窗”
中文的“弹窗”覆盖了 Modal / Dialog、Popup、Popover、Drawer，有时甚至包括 Toast。关键的区别是模态（modal）和非模态：模态会挡住整个页面，必须先处理它；非模态不影响你继续操作页面。
| 叫法 | 模态吗 | 说明 |
|---|---|---|
| Modal / Dialog 对话框 | 模态 | 挡住页面，必须先处理 |
| Drawer 抽屉 | 都可以 | 从边缘滑出，可带遮罩 |
| Popover 气泡卡片 | 非模态 | 点击出现，点外面关闭 |
| Toast 轻提示 | 非模态 | 几秒后自己消失 |
| Popup | — | 英文里原本多指浏览器新开的小窗或广告弹窗 |
3. “提示”
- Toast / Snackbar：短暂出现、自动消失的轻提示。Material 叫 Snackbar，它可以带一个操作按钮。
- Banner / Alert：常驻在页面里的横条或提示框。
- Notification：系统级的推送通知。iOS 把从屏幕顶部滑下来的推送叫“横幅 banner”，这和网页里的 Banner 是两回事。
- Ant Design 的 message（全局提示）和 notification（通知提醒框）都属于 Toast 一类。
4. “下拉”
- Dropdown 这个词有歧义。用来选值的是 Select 选择器，用来执行命令的是 Menu 下拉菜单。
- Combobox 是能打字筛选的下拉框，Autocomplete 是输入时自动补全建议。
- “下拉刷新”（Pull to refresh）是完全不同的东西：在手机上把列表往下拽来刷新。