陌上寒

无限滚动的推荐实现是「用 IntersectionObserver 观察一个列表底部的「哨兵元素」」——它比监听 scroll 事件更高效（不读布局、不频繁触发），配合 rootMargin 还能「提前触发」实现无感加载。

赞(0)陌上寒2026-10-1811-手写实现 阅读()去评论

一个合格的 Modal 要处理五件事——「用 Portal 挂到 body」「焦点管理（移入 + 陷阱 + 归还）」「ESC 关闭」「滚动锁定（并还原）」「无障碍属性（role="dialog" + aria-modal）」。

赞(0)陌上寒2026-10-1811-手写实现 阅读()去评论

虚拟滚动的核心是「只渲染可视区域内的几十个元素」，用「占位元素撑起总高度」+「translateY 偏移渲染层」——公式是「startIndex = floor(scrollTop / rowHeight)、visibleCount = ceil(containerHeight / rowHeigh…

赞(0)陌上寒2026-10-1811-手写实现 阅读()去评论

手写 useLocalStorage 要解决四件事——「惰性初始化（只读一次）」「序列化异常兜底」「跨标签页同步（storage 事件）」「SSR 兼容（没有 window）」。

赞(0)陌上寒2026-10-1811-手写实现 阅读()去评论

手写请求 Hook 的关键是「状态机建模（idle/loading/success/error）+ 依赖触发 + 竞态取消（AbortController）+ 卸载清理」；进阶再加「手动触发、重试、防抖、回调」。

赞(0)陌上寒2026-10-1711-手写实现 阅读()去评论

防抖（debounce）是「停止触发 N 毫秒后才执行」，节流（throttle）是「每 N 毫秒最多执行一次」；在 React 里封装成 Hook 的关键是「用 useRef 存定时器/时间戳」「清理函数里清掉」「用 useRef 保存最新回调」。

赞(0)陌上寒2026-10-1711-手写实现 阅读()去评论

手写 useEffect 的核心是「用 Object.is 逐个比较依赖数组」——不同则「先执行上次的清理函数，再执行本次的 effect」；所有 effect 都在「组件渲染完成后统一执行」。

赞(0)陌上寒2026-10-1711-手写实现 阅读()去评论

读完《百年孤独》，我最大的感受不是魔幻，而是一种缓慢的、几乎让人窒息的现实感。马尔克斯写的是布恩迪亚家族七代人的兴衰，也是马孔多从建立到被飓风抹去的历史。但真正让我放不下的，不是那些飞毯、升天和预言，而是一个反复出现的动作：重复。人一旦无法...

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

手写 useState 的关键是「用模块级数组 + 游标，按调用顺序存取每个 Hook 的状态」，并在 setState 后「触发组件重新渲染」——这正好解释了「为什么 Hooks 不能写在条件里」。

赞(0)陌上寒2026-10-1711-手写实现 阅读()去评论

读完《大明王朝1566》，最强烈的感受不是愤怒，而是一种说不清的憋闷。刘和平写的不是忠奸对立的故事，他写的是一群人各自做着“分内之事”，最后合起来把整个王朝推到了悬崖边。合上书之后，我脑子里反复出现一个念头：这里面没有一个人是干净的，但也没...

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