首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端杂货铺
Gopal
创建于2021-05-16
订阅专栏
主要分享前端干货。包括但不限于面试、前端进阶、最新资讯、工程化、性能优化、工具资源
等 201 人订阅
共121篇文章
创建于2021-05-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
我的 2022 年终总结:技术、生活还有裁员
转眼 2022 即将过去,又到一年一度年终总结的时候了。作为一线互联网程序员的我经历了哪些?有哪些思考?未来我的一些想法?
React Hook 封装常见业务场景,有哪些你用得到?
本文来看下 ahooks 针对常见的业务场景做了哪些封装。通过对这些 hook 的分析和思考,希望能够给大家在日常工作中遇到的场景有所帮助~
大家都能看得懂的源码之 ahooks useVirtualList 封装虚拟滚动列表
useVirtualList 提供虚拟化列表能力的 Hook,用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题。
大家都能看得懂的源码之ahooks useInfiniteScroll
useInfiniteScroll 封装了常见的无限滚动逻辑。这里的无限滚动指的是常见的点击加载更多或者说下拉加载更加功能,而不是虚拟滚动
一位普通前端程序媛转行创业阶段小结
上篇我们提到,我女朋友的身份从一个「前端开发」转变成「创业者」,所以本篇文章重点突出创业后她的一些思考。
API 请求慢?这次锅真不在后端
我们在开发过程中,发现后端 API 请求特别慢,于是跟后端抱怨。 “怎么 API 这么慢啊,请求一个接口要十几秒”。 而且这种情况是偶现的,前端开发同学表示有时候会出现,非必现。
我在 Shopee 工作这两年
大家好,我是 Gopal,一名普通的前端切图仔。目前就职于 Shopee。趁这次年中总结,把自己平时的一些想法梳理一下...
列表页常见 hook 封装
典型的列表页包括筛选表单项、Table表格、Pagination分页这三部分。在 ahooks 中主要是通过 useAntdTable 和 usePagination 这两个 hook 来封装。
那些关于DOM的常见Hook封装(二)
本文是深入浅出 ahooks 源码系列文章的第十五篇。本篇接着针对关于 DOM 的各个 Hook 封装进行解读。
那些关于DOM的常见Hook封装(一)
上一篇我们探讨了 ahooks 对 DOM 类 Hooks 使用规范,以及源码中是如何去做处理的。接下来我们就针对关于 DOM 的各个 Hook 封装进行解读。
2021 GIAC 大前端专场思考总结(下篇)
这是去年我有幸参与 GIAC 全球互联网架构大会大前端专场的一些零散的思考与总结。可能不是很系统,尽可能表达出我自己的思考,希望也能对大家有一些帮助。
2021 GIAC 大前端专场思考总结(上篇)
这是去年我有幸参与 GIAC 全球互联网架构大会大前端专场的一些零散的思考与总结。可能不是很系统,尽可能表达出我自己的思考,希望也能对大家有一些帮助。
ahooks 是怎么处理 DOM 的?
一个优秀的工具库应该有自己的一套输入输出规范,一来能够支持更多的场景,二来可以更好的在内部进行封装处理,三来使用者能够更加快速熟悉和使用相应的功能,能做到举一反三。
这些 hook 更优雅的管理你的状态
React 的 function Component 的状态管理还是比较灵活,我们可以针对一些场景进行封装和优化,从而更优雅的管理我们的 state 状态
封装一个管理 url 状态的 hook
通过 url query 来管理 state 的 Hook。可以从官网以及源码中看到 useUrlState 是独立一个仓库进行管理的。为什么呢?
通过这两个 hook 回顾学习 Set/Map 基础知识
现在越来越多的场景使用了 Map 和 Set,ahooks 对这两者的封装都比较简单,更多的是一些有副作用(修改到原 Map 和 Set)操作的封装。看这部分的源码,就当做小小复习基础知识吧。
如何封装 cookie/localStorage/sessionStorage hook?
对 cookie/localStorage/sessionStorage 的封装是我们经常需要去做的,ahooks 的封装整体比较简单,大家可以参考借鉴。
记录第一次给开源项目提 PR
给开源项目提 PR 操作过程不是一件很复杂的事情,重点在于需求的修改。往往需要考虑到多种边界场景,这个时候,我们就需要前端的单元测试来帮助我们覆盖全面的场景。
CSS 伪类没有生效?探索 content 属性!
CSS伪类不生效如何处理?content 属性有哪些用途?项目中常见的用法有哪些?大家可以在本文中找到答案。
如何让定时器在页面最小化的时候不执行?
关于定时器,我们平时用得不少,但经常有同学容易忘记清除定时器,结合 useEffect 返回清除副作用函数这个特性,我们可以将这类逻辑一起封装到 hook 中,让开发者使用更加方便。
下一页