你可能会说
数据加载有点慢,帮我加个加载状态,别让页面干等着。
数据还没回来时显示的「请稍等」提示。
数据还没回来时显示的「请稍等」提示。可以是转圈圈、进度条、或灰色的骨架屏(模拟内容轮廓)。
生活类比
像餐厅等菜时给你的小食——告诉你「厨房在做了」,不至于干坐着焦虑。
🎮 动手试试
关于「加载状态」,以下哪个描述最准确?
你可以这样告诉 AI
帮我在数据请求时加个加载状态:先显示骨架屏占位,超过 3 秒没回来就显示进度条,出错显示重试。
加载状态是特定的交互反馈(告诉用户「等一下」),UI 是界面的整体设计。
有异步数据请求
页面需要等待 API 返回数据时,用加载动画或骨架屏告诉用户「数据在路上」,避免用户以为页面卡死而关闭。
和 AI 协作时
想让 AI 做加载效果时,说「数据加载中显示骨架屏、超过 3 秒显示进度条、出错显示重试按钮」,AI 会覆盖多种加载状态。
纯静态展示页
如果页面内容在 HTML 中直接写死、不需要请求后端接口,加载状态完全没有必要——内容瞬间呈现。
与快速响应的本地应用无关
本地原生应用数据读取在毫秒级完成,加 loading 反而造成闪烁干扰,可用乐观更新代替。
数据还没回来时显示的「请稍等」提示。可以是转圈圈、进度条、或灰色的骨架屏(模拟内容轮廓)。
像餐厅等菜时给你的小食——告诉你「厨房在做了」,不至于干坐着焦虑。
和 AI 沟通时提到「加载的时候显示个动画」,就是在做加载状态。