首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
Gopal
掘友等级
前端搬砖工
|
富途
专注前端分享,不止于前端
获得徽章 23
动态
文章
专栏
沸点
课程
收藏集
关注
作品
赞
1.2K
文章 1K
沸点 199
赞
1.2K
返回
|
搜索文章
最新
热门
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 中,让开发者使用更加方便。
下一页
个人成就
优秀创作者
文章被点赞
12,965
文章被阅读
1,197,090
掘力值
47,798
关注了
208
关注者
3,903
收藏集
36
关注标签
76
加入于
2016-11-29