提示💡
常用的场景是点赞、收藏、拖拽排序等。
乐观 UI ( optimistic UI ) 是一种 UI 设计方式 , 它在用户执行操作后 , 不用等待服务器响应 , 立即更新 UI。 如果操作失败 , 则回滚 UI 到之前的状态。
为什么要使用乐观 UI
- 给用户即时的反馈,界面感觉很响应迅速,带来很好的用户体验
provider a responsive user experience. - 由于界面很流畅,可以更好地吸引和维持用户的注意力与参与。
keeps the user engaged. - 尽管后端处理需要时间,但用户基本无感知,因为UI已经立即更新了
reduces the perceived latency.
乐观 UI 的缺点
- 如果用户在操作后离开页面,则可能会出现不一致的状态。
inconsistent state if the user leaves the page after the operation. - 如果操作失败,则需要回滚
rollback。这可能会导致复杂的代码,因为您需要跟踪所有可能的回滚操作。complex code to track all possible rollback operations.