首先梳理一下弹窗的类别，根据其使用场景，可以归为 模态 跟 非模态 ，也称之为阻断式和非阻断式，评判标准在于是否打断用户操作。
弹窗的作用在于，在用户进行页面操作时，中断其操作，或反馈相应的信息，或是当前内容的补充，帮助用户进行下一步操作，是处理页面中的即时任务的重要功能。
模态弹框 一般出现于页面中时，用户需要与之操作，页面层级很高，能直接吸引用户的关注，但同时会中断用户操作，因此在页面设计中不能滥用。比如对话框（Dialog / Allert）、浮层（Popover）、操作栏（Action bar）。
非模态框 在页面中表现得更轻盈，它能即时的给予反馈，但又不会干扰用户，从出现到消失的时间都很短。比如有吐司（Hud / Toast）和通知条（Snack bar）,Hud / Toast 是分别属于ios 和 android 系统的控件，他们的表现形式基本一样，可以归为一类组件，页面中常见的半透明矩形提示就是以Toast 的 形式出现居多。