术语库

Infinite Scroll

用户滚动到列表底部时自动加载下一批内容，不用手动翻页，列表看起来像没有尽头。

Lazy Loading

图片、组件等资源先不加载，等用户快滚动到它或真正需要时才加载，用来加快首屏速度。

Drag to Reorder

按住列表项拖到新位置再松开就能调整顺序，常用于待办事项、菜单配置、图片顺序的调整。

Drag and Drop

把一个东西拖起来放到另一个区域，比如把文件拖进上传框、把卡片拖到看板的另一列。

Optimistic Update

用户操作后界面立即显示成功的结果，同时在后台发请求，如果请求失败再把界面改回来。

Loading State

数据或操作还没完成时给用户的反馈，常见形式有转圈图标、骨架屏、进度条和按钮加载态。

Error State

请求失败、输入有误或页面出错时展示给用户的画面，要说明出了什么问题以及下一步怎么办。

Hover State

鼠标移到元素上方时的样式变化，比如按钮变深、卡片浮起，用来提示用户这里可以点击。

Focus State

元素被选中、准备接收输入时的样式，比如点击输入框后边框变深，按 Tab 键时按钮外出现描边。

Disabled State

元素暂时不能操作时的样式，通常颜色变浅、鼠标显示禁止符号，点击后没有任何反应。

Form Validation

检查用户填写的内容是否符合要求，比如必填、手机号格式、密码长度，不符合时给出具体提示。

Debounce

事件连续触发时先不执行，等停下来一段时间后只执行最后一次，常用于搜索框的输入联想。

Throttle

事件连续触发时按固定时间间隔执行，比如每 200ms 最多执行一次，用于滚动、拖动等高频事件。

Undo

让用户把刚做的操作恢复回去，比如删除后在提示条里点「撤销」，或按 Ctrl+Z 回退编辑。

Confirmation Dialog

执行删除、支付等无法恢复的操作前，先弹出对话框让用户再确认一次，防止误操作。

Inline Edit

直接在显示内容的位置点击修改，不用跳转页面或打开弹窗，改完按回车或点击外面即可保存。

Bulk Action

先勾选多条数据，再一次性对它们执行删除、导出、修改状态等操作，省去一条条处理的麻烦。

Filter & Sort

筛选是按条件缩小数据范围，排序是调整数据的先后顺序，两者常一起出现在列表和表格上方。

Keyboard Shortcut

用键盘组合键直接触发操作，比如 Ctrl+S 保存、Ctrl+K 打开搜索，让熟练用户操作更快。

Sticky

元素随页面滚动到顶部边缘时固定不动，比如导航栏、表格表头、分组标题滚动时停在顶部。

Progressive Disclosure

先只展示最常用的内容和选项，更多细节或高级功能等用户需要时再展开，避免一次塞太多。

Micro-interaction

围绕一个小操作的简短反馈动画，比如点赞时红心弹一下、开关圆点滑动、复制后图标变成对勾。

Transition

元素状态变化时，让颜色、位置、大小等属性在一小段时间内平滑变化，而不是瞬间跳过去。

Autocomplete

用户输入时在输入框下方实时列出匹配的候选项，可以用鼠标或方向键选中，减少打字和输错。