Gopal

110
获赞数
11
关注数
77
粉丝数
深圳
广东工业大学 | 软件工程
IP 属地广东
2020-09-13 加入
浏览 16.4k

公众号@前端杂货铺,有温度且致力于前端分享的杂货铺

366 声望|学徒
全站排名超越 96% 用户
前端
337
javascript
332
vue.js
134
typescript
133
react
129
黄金勋章
暂未获得该勋章
如何获得
1 白银勋章
个人动态
  • 赞了文章2023-02-20
    JS算法之深度优先遍历(DFS)和广度优先遍历(BFS)
    在开发页面的时候,我们有时候会遇到这种需求:在页面某个dom节点中遍历,找到目标dom节点,我们正常做法是利用选择器document.getElementById(),document.getElementsByName()或者document.getElementsByTagName(),但在本文,我们从算法的角度去查找dom节点,同时...
  • 赞了问题2023-01-30
    async/await为什么是异步操作呢?
  • 赞了文章2023-01-28
    Node CPU 偶发100% 排查小结
    内部管理系统,Node.js项目线上运行一直稳定、正常, 某天开始使用人员反馈系统访问卡顿,同时对应服务器出现CPU 占用 95% ~ 120%过高的钉钉告警,超过100%是因为对应Linux服务器是多核, 出现后1~5分钟后正常,偶发出现,这次问题持续时间较长,参考、阅读了不少文...
  • 发布了文章2022-12-29
    我的 2022 年终总结:技术、生活还有裁员
    先来看看 2022,大环境关键字:俄乌战争、能源危机、疫情、美国加息、裁员潮等。确实大家说的大环境不好是真实存在的,作为一线互联网程序员的我经历了哪些?有哪些思考?未来我的一些想法?
  • 发布了文章2022-09-24
    面试说:聊聊JavaScript中的数据类型
    答:Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。
  • 发布了文章2022-09-19
    深入浅出 JavaScript 中的 this
    笔者最近在看 你不知道的JavaScript上卷,里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念,有一些同学会对其有点模糊和小恐惧,究其原因,现在对 this 讨论的文章很多,让我们觉得 this 无规律可寻,就像一个幽灵一样
  • 发布了文章2022-09-10
    关于 JavaScript 中 null 的一切
    原文地址:Everything about null in JavaScript原文作者:Dmitri Pavlutin译者:GopalJavaScript 有两种类型:原始类型(strings, booleans, numbers, symbols)和对象对象是一个复杂的数据结构。最简单的 JavaScript 对象是普通对象 —— 键和相关值的集合 {代码...}...
  • 发布了文章2022-09-07
    大家都能看得懂的源码之 ahooks useVirtualList 封装虚拟滚动列表
    本文是深入浅出 ahooks 源码系列文章的第十八篇,该系列已整理成文档-地址。觉得还不错,给个 star 支持一下哈,Thanks。简介提供虚拟化列表能力的 Hook,用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题。详情可见官网,文章源代码可以点击这里。实现原理其...
  • 发布了文章2022-09-04
    大家都能看得懂的源码之ahooks useInfiniteScroll
    本文是深入浅出 ahooks 源码系列文章的第十七篇,该系列已整理成文档-地址。觉得还不错,给个 star 支持一下哈,Thanks。简介useInfiniteScroll 封装了常见的无限滚动逻辑。详细可看官网注意:这里的无限滚动指的是常见的点击加载更多或者说下拉加载更加功能,而不是...
  • 发布了文章2022-09-01
    大家都能看得懂的源码 - 列表页常见 hook 封装
    针对使用 Antd 的系统,在 ahooks 中主要是通过 useAntdTable 和 usePagination 这两个 hook 来封装。
  • 发布了文章2022-08-31
    慎用JSON.stringify
    项目中遇到一个 bug,一个组件为了保留一份 JSON 对象,使用 JSON.stringify 将其转换成字符串,这样做当然是为了避免对象是引用类型造成数据源的污染。
  • 发布了文章2022-08-30
    大家都能看得懂的源码 - 那些关于DOM的常见Hook封装(二)
    本文是深入浅出 ahooks 源码系列文章的第十五篇,该系列已整理成文档-地址。觉得还不错,给个 star 支持一下哈,Thanks。本篇接着针对关于 DOM 的各个 Hook 封装进行解读。useFullscreen管理 DOM 全屏的 Hook。该 hook 主要是依赖 screenfull 这个 npm 包进行实现的...
  • 发布了文章2022-08-29
    大家都能看得懂的源码 - 那些关于DOM的常见Hook封装(一)
    上一篇我们探讨了 ahooks 对 DOM 类 Hooks 使用规范,以及源码中是如何去做处理的。接下来我们就针对关于 DOM 的各个 Hook 封装进行解读。
  • 赞了文章2022-08-29
    对React children 的深入理解
    因为我们使用的事JavaScript,我们会改变children。我们能够给它们发送特殊的属性,以此来决定它们是否进行渲染。让我们来探究一下React中children的作用。
  • 发布了文章2022-08-27
    大家都能看得懂的源码 - ahooks 是怎么处理 DOM 的?
    本文是深入浅出 ahooks 源码系列文章的第十三篇,该系列已整理成文档-地址。觉得还不错,给个 star 支持一下哈,Thanks。本篇文章探讨一下 ahooks 对 DOM 类 Hooks 使用规范,以及源码中是如何去做处理的。DOM 类 Hooks 使用规范这一章节,大部分参考官方文档的 DOM ...
  • 发布了文章2022-08-23
    大家都能看得懂的源码 - ahooks 这些 hook 更优雅管理你的状态
    今天我们来聊聊 ahooks 中那些可以帮助我们更优雅管理我们 state(状态)的那些 hook。一些比较特殊的,比如 cookie/localStorage/sessionStorage,useUrlState等,我们已经单独拿出来细讲了,感兴趣可以看看笔者的历史文章。
  • 发布了文章2022-08-22
    大家都能看得懂的源码 - 封装一个管理 url 状态的 hook
    在之前的架构篇中我们就提到,ahooks 这个项目是一个 monoRepo。它的项目管理是通过 lerna 进行管理的。可以从官网以及源码中看到 useUrlState 是独立一个仓库进行管理的。
  • 发布了文章2022-08-20
    大家都能看得懂的源码 - ahooks useSet 和 useMap
    本文是深入浅出 ahooks 源码系列文章的第十篇,该系列已整理成文档-地址。觉得还不错,给个 关注 支持一下哈,Thanks。今天我们来聊聊 ahooks 中对 Map 和 Set 类型进行状态管理的 hook,顺便复习一下 Set 和 Map 这两种数据类型。useMap管理 Map 类型状态的 Hook。...
  • 发布了文章2022-08-19
    大家都能看得懂的源码 - 如何封装 cookie/localStorage/sessionStorage hook?
    本文是深入浅出 ahooks 源码系列文章的第九篇,该系列已整理成文档-地址。觉得还不错,给个 关注 支持一下哈,Thanks。今天来看看 ahooks 是怎么封装 cookie/localStorage/sessionStorage 的。cookieahooks 封装了 useCookieState,一个可以将状态存储在 Cookie 中的...
  • 发布了文章2022-08-18
    记录第一次给开源项目提 PR
    本篇文章算是该系列的一个彩蛋篇,记录一下第一次给开源项目提 PR 的过程(之前好像也有过,不过那个非常小的一个改动),希望能够帮助更多的人参与到开源项目中来。