前端杂货铺

转眼 2022 即将过去，又到一年一度年终总结的时候了。作为一线互联网程序员的我经历了哪些？有哪些思考？未来我的一些想法？

本文来看下 ahooks 针对常见的业务场景做了哪些封装。通过对这些 hook 的分析和思考，希望能够给大家在日常工作中遇到的场景有所帮助~

useVirtualList 提供虚拟化列表能力的 Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题。

useInfiniteScroll 封装了常见的无限滚动逻辑。这里的无限滚动指的是常见的点击加载更多或者说下拉加载更加功能，而不是虚拟滚动

上篇我们提到，我女朋友的身份从一个「前端开发」转变成「创业者」，所以本篇文章重点突出创业后她的一些思考。

我们在开发过程中，发现后端 API 请求特别慢，于是跟后端抱怨。 “怎么 API 这么慢啊，请求一个接口要十几秒”。 而且这种情况是偶现的，前端开发同学表示有时候会出现，非必现。

大家好，我是 Gopal，一名普通的前端切图仔。目前就职于 Shopee。趁这次年中总结，把自己平时的一些想法梳理一下...

典型的列表页包括筛选表单项、Table表格、Pagination分页这三部分。在 ahooks 中主要是通过 useAntdTable 和 usePagination 这两个 hook 来封装。

本文是深入浅出 ahooks 源码系列文章的第十五篇。本篇接着针对关于 DOM 的各个 Hook 封装进行解读。

上一篇我们探讨了 ahooks 对 DOM 类 Hooks 使用规范，以及源码中是如何去做处理的。接下来我们就针对关于 DOM 的各个 Hook 封装进行解读。

这是去年我有幸参与 GIAC 全球互联网架构大会大前端专场的一些零散的思考与总结。可能不是很系统，尽可能表达出我自己的思考，希望也能对大家有一些帮助。

这是去年我有幸参与 GIAC 全球互联网架构大会大前端专场的一些零散的思考与总结。可能不是很系统，尽可能表达出我自己的思考，希望也能对大家有一些帮助。

一个优秀的工具库应该有自己的一套输入输出规范，一来能够支持更多的场景，二来可以更好的在内部进行封装处理，三来使用者能够更加快速熟悉和使用相应的功能，能做到举一反三。

React 的 function Component 的状态管理还是比较灵活，我们可以针对一些场景进行封装和优化，从而更优雅的管理我们的 state 状态

通过 url query 来管理 state 的 Hook。可以从官网以及源码中看到 useUrlState 是独立一个仓库进行管理的。为什么呢？

现在越来越多的场景使用了 Map 和 Set，ahooks 对这两者的封装都比较简单，更多的是一些有副作用（修改到原 Map 和 Set）操作的封装。看这部分的源码，就当做小小复习基础知识吧。

对 cookie/localStorage/sessionStorage 的封装是我们经常需要去做的，ahooks 的封装整体比较简单，大家可以参考借鉴。

给开源项目提 PR 操作过程不是一件很复杂的事情，重点在于需求的修改。往往需要考虑到多种边界场景，这个时候，我们就需要前端的单元测试来帮助我们覆盖全面的场景。

CSS伪类不生效如何处理？content 属性有哪些用途？项目中常见的用法有哪些？大家可以在本文中找到答案。

关于定时器，我们平时用得不少，但经常有同学容易忘记清除定时器，结合 useEffect 返回清除副作用函数这个特性，我们可以将这类逻辑一起封装到 hook 中，让开发者使用更加方便。