随笔分类 -  源码阅读

大家都能看得懂的源码之 ahooks useVirtualList 封装虚拟滚动列表
摘要：本文是深入浅出 ahooks 源码系列文章的第十八篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 简介 提供虚拟化列表能力的 Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题。 详情可见官网，文章源代码可以点击这里。 实现原理 其实现原理监听外部容 阅读全文
posted @ 2022-09-07 20:01 前端Gopal 阅读(538) 评论(0) 推荐(0)
大家都能看得懂的源码之ahooks useInfiniteScroll
摘要：本文是深入浅出 ahooks 源码系列文章的第十七篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 简介 useInfiniteScroll 封装了常见的无限滚动逻辑。 详细可看官网 注意：这里的无限滚动指的是常见的点击加载更多或者说下拉加载更加功能，而不是虚拟滚 阅读全文
posted @ 2022-09-04 18:49 前端Gopal 阅读(642) 评论(0) 推荐(0)
大家都能看得懂的源码 - 列表页常见 hook 封装
摘要：本文是深入浅出 ahooks 源码系列文章的第十六篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 列表页常见元素 对于一些后台管理系统，典型的列表页包括筛选表单项、Table表格、Pagination分页这三部分。 针对使用 Antd 的系统，在 ahooks 阅读全文
posted @ 2022-09-01 20:18 前端Gopal 阅读(597) 评论(0) 推荐(0)
大家都能看得懂的源码 - 那些关于DOM的常见Hook封装（二）
摘要：本文是深入浅出 ahooks 源码系列文章的第十五篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 本篇接着针对关于 DOM 的各个 Hook 封装进行解读。 useFullscreen 管理 DOM 全屏的 Hook。 该 hook 主要是依赖 screenfu 阅读全文
posted @ 2022-08-30 12:59 前端Gopal 阅读(532) 评论(1) 推荐(1)
大家都能看得懂的源码 - 那些关于DOM的常见Hook封装（一）
摘要：本文是深入浅出 ahooks 源码系列文章的第十四篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 上一篇我们探讨了 ahooks 对 DOM 类 Hooks 使用规范，以及源码中是如何去做处理的。接下来我们就针对关于 DOM 的各个 Hook 封装进行解读。 u 阅读全文
posted @ 2022-08-29 18:32 前端Gopal 阅读(524) 评论(0) 推荐(1)
大家都能看得懂的源码 - ahooks 是怎么处理 DOM 的？
摘要：本文是深入浅出 ahooks 源码系列文章的第十三篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 本篇文章探讨一下 ahooks 对 DOM 类 Hooks 使用规范，以及源码中是如何去做处理的。 DOM 类 Hooks 使用规范 这一章节，大部分参考官方文档的 阅读全文
posted @ 2022-08-27 00:07 前端Gopal 阅读(520) 评论(0) 推荐(0)
大家都能看得懂的源码 - ahooks 这些 hook 更优雅管理你的状态
摘要：本文是深入浅出 ahooks 源码系列文章的第十二篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 今天我们来聊聊 ahooks 中那些可以帮助我们更优雅管理我们 state（状态）的那些 hook。一些比较特殊的，比如 cookie/localStorage/s 阅读全文
posted @ 2022-08-23 20:10 前端Gopal 阅读(521) 评论(0) 推荐(0)
大家都能看得懂的源码 - 封装一个管理 url 状态的 hook
摘要：本文是深入浅出 ahooks 源码系列文章的第十一篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 本文来讲下 ahooks 中的 useUrlState。 通过 url query 来管理 state 的 Hook。 useUrlState 的特殊 在之前的架构 阅读全文
posted @ 2022-08-22 18:37 前端Gopal 阅读(257) 评论(0) 推荐(0)
大家都能看得懂的源码 - ahooks useSet 和 useMap
摘要：本文是深入浅出 ahooks 源码系列文章的第十篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 今天我们来聊聊 ahooks 中对 Map 和 Set 类型进行状态管理的 hook，顺便复习一下 Set 和 Map 这两种数据类型。 useMap 管理 Map 阅读全文
posted @ 2022-08-20 18:06 前端Gopal 阅读(206) 评论(0) 推荐(0)
大家都能看得懂的源码 - 如何封装 cookie/localStorage/sessionStorage hook?
摘要：本文是深入浅出 ahooks 源码系列文章的第九篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 今天来看看 ahooks 是怎么封装 cookie/localStorage/sessionStorage 的。 cookie ahooks 封装了 useCooki 阅读全文
posted @ 2022-08-19 13:00 前端Gopal 阅读(594) 评论(0) 推荐(0)
记录第一次给开源项目提 PR
摘要：本文是深入浅出 ahooks 源码系列文章的第八篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。 起因 阅读全文
posted @ 2022-08-18 21:03 前端Gopal 阅读(794) 评论(0) 推荐(4)
大家都能看得懂的源码-如何让定时器在页面最小化的时候不执行？
摘要：本文是深入浅出 ahooks 源码系列文章的第七篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 今天我们来聊聊定时器。 useInterval 和 useTimeout 看名称，我们就能大概知道，它们的功能对应的是 setInterval 和 setTimeou 阅读全文
posted @ 2022-08-17 09:17 前端Gopal 阅读(749) 评论(0) 推荐(2)
如何让 useEffect 支持 async...await？
摘要：本文是深入浅出 ahooks 源码系列文章的第六篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 本文已收录到个人博客中，欢迎关注~ 背景 大家在使用 useEffect 的时候，假如回调函数中使用 async...await... 的时候，会报错如下。 看报错， 阅读全文
posted @ 2022-08-15 12:59 前端Gopal 阅读(387) 评论(0) 推荐(0)
ahooks 中那些控制“时机”的hook都是怎么实现的？
摘要：本文是深入浅出 ahooks 源码系列文章的第五篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 本文来探索一下 ahooks 是怎么封装 React 的一些执行“时机”的？ Function Component VS Class Component 学习类似 R 阅读全文
posted @ 2022-08-12 18:30 前端Gopal 阅读(283) 评论(0) 推荐(0)
ahooks 是怎么解决用户多次提交问题？
摘要：本文是深入浅出 ahooks 源码系列文章的第四篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 本文来探索一下 ahooks 的 useLockFn。并由此讨论一个很常见的场景，取消重复请求。 场景 试想一下，有这么一个场景，有一个表单，你可能多次提交，就很可能 阅读全文
posted @ 2022-08-12 18:29 前端Gopal 阅读(299) 评论(0) 推荐(0)
从 React 原理来看 ahooks 是怎么解决 React 的闭包问题的？
摘要：本文来探索一下 ahooks 是怎么解决 React 的闭包问题的。 阅读全文
posted @ 2022-08-11 20:46 前端Gopal 阅读(513) 评论(0) 推荐(0)
如何使用插件化机制优雅的封装你的请求
摘要：useRequest 是 ahooks 最核心的功能之一，它的功能非常丰富，但核心代码（Fetch 类）相对简单，这得益于它的插件化机制 阅读全文
posted @ 2022-08-11 12:59 前端Gopal 阅读(411) 评论(0) 推荐(0)
大家都能看得懂的源码（一）ahooks 整体架构篇
摘要：作为系列的第一篇，介绍了 React hooks utils 库的背景以及 ahooks 的特点简介和整体结构，接下来会探索各个常见的 hooks 方法实现，敬请期待。 阅读全文
posted @ 2022-08-11 12:57 前端Gopal 阅读(354) 评论(0) 推荐(0)