陌上寒

GraphQL 的客户端价值不在「少请求几个接口」，而在「声明式地描述『这个组件需要哪些字段』」+「规范化缓存让『改一个实体，所有引用它的地方自动更新』」；而它的坑集中在「两级错误（network vs graphQL）」「缓存配置（否则不更新或更新错）」「分页与缓存的配合」三处。

赞(0)陌上寒2026-10-1607-数据请求与异步 阅读()去评论

fetch 没有原生上传进度（要用 XMLHttpRequest 或手动消费 ReadableStream），取消请求用 AbortController（XHR 用 xhr.abort()）；大文件要分片上传（并发 + 断点续传 + 秒传）。

赞(0)陌上寒2026-10-1607-数据请求与异步 阅读()去评论

实时数据有四种方案——轮询（简单但浪费）、SSE（服务端单向推送，浏览器自动重连）、WebSocket（双向、需要自己做心跳与重连）、长轮询（兼容性最好但服务器压力大）；选择依据是「是否需要双向 + 实时性要求 + 基础设施成本」。

赞(0)陌上寒2026-10-1607-数据请求与异步 阅读()去评论

分页有「页码分页」与「游标分页（cursor）」两类；列表页用 useInfiniteQuery + IntersectionObserver 做无限滚动最省事，而返回列表时恢复滚动位置是体验的关键细节。

赞(0)陌上寒2026-10-1607-数据请求与异步 阅读()去评论

乐观更新是「在请求返回之前先假设它会成功、立刻更新界面」，失败时再回滚——它显著提升「操作手感」，但只适合「大概率成功、可回滚」的操作。

赞(0)陌上寒2026-10-1507-数据请求与异步 阅读()去评论

缓存的核心是「这份数据什么时候算新鲜、什么时候该重新拉、没人用的时候什么时候回收」——对应 staleTime（新鲜期）、失效（invalidateQueries）与 gcTime（回收时间）；重试则要「只重试值得重试的错误」。

赞(0)陌上寒2026-10-1507-数据请求与异步 阅读()去评论

服务端状态是「别人拥有的数据的本地快照」，它需要「缓存、去重、失效、重试、重新验证」——这些用 useEffect 手写会写出一堆样板，所以应该交给 TanStack Query / SWR。

赞(0)陌上寒2026-10-1507-数据请求与异步 阅读()去评论

异步 UI 有四种状态（idle / loading / success / error，通常还加 empty）——用状态机建模（而不是多个布尔值），并为每种状态设计明确、不闪烁的 UI。

赞(0)陌上寒2026-10-1507-数据请求与异步 阅读()去评论

读完《史记》，我最深的感受不是震撼于它的体量，而是司马迁在每一个失败者身上留下的体温。这部书不是胜利者的功劳簿，而是一个受过宫刑的人，用余生为那些被历史遗忘的人一一立传。他写他们，其实也是在写自己。 失败者的体面，比成功者的功业更动人 《项...

赞(0)陌上寒2026-10-15阅读 阅读()去评论

竞态（race condition）指「多个并发请求，后发起的先返回，导致旧数据覆盖新数据」；解法是「取消（AbortController）或忽略（标记位）」，并且StrictMode 下的双执行会暴露这个问题。

赞(0)陌上寒2026-10-1507-数据请求与异步 阅读()去评论