首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
看源码造轮子
写代码的海怪
创建于2021-05-23
订阅专栏
这本小书会带你造 10 个非常实用的 npm 库 📦
等 28 人订阅
共10篇文章
创建于2021-05-23
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
造一个 supertest 轮子
supertest 是一个短小精悍的接口测试工具,比如一个登录接口的测试用例如下: 整个用例感观上非常简洁易懂。这个库挺小的,设计也不错,还是 TJ Holowaychuk 写的!今天就带大家一起实现
造一个 redux-thunk 轮子
哈?redux-thunk 不就是那个只有 14 行代码的轮子嘛?我一行就能写出来还要你来教我做事? 不错,redux-thunk 是一个非常小的库,不到 5 分钟就能理解并造出来。但是今天我并...
造一个 redux 轮子
redux 应该是很多前端新手的噩梦。这篇文章就带大家一起手写一个 redux(完全实现),一起通过刚源码来战胜恐惧吧 👊
造一个 react-contenteditable 轮子
当时试了一下确实很好玩,于是每次都可以在妹子面前秀一波操作,在他们惊叹的目光中,我心里开心地笑了——嗯,又让一个不懂技术的人发现到了程序的美🐶,咳咳。 一直以来,我都觉得这个属性只是为了存在而存在的,然而在今天接到的需求之后,我发现这个感觉没什么用的属性竟然完美地解决了我的需…
造一个 react-infinite-scroller 轮子
无限滚动是一个开发时经常遇到的问题,比如 ant-design 的 List 组件里就推荐使用 react-infinite-scroller 配合 List 组件一起使用。 假如我们想自己实现无限滚动,难免要去查 scroll 事件,还要搞清 offsetHeight, sc…
造一个 copy-to-clipboard 轮子
关于 JS 做复制功能的文章还挺多的,这里列举一篇 阮一峰的《剪贴板操作 Clipboard API 教程》 作为例子。 大部分文章的做法是这样:创建一个输入框(input 或者 textarea),将复制文本赋值到元素的 value 值,JS 选中文本内容,最后使用 docu…
造一个 promise-poller 轮子
轮询,一个前端非常常见的操作,然而对于很多人来说第一反应竟然还是用 setInterval 来实现, setInterval 作为轮询是不稳定的。下面就带大家一起写一个 promise-poller 的轮子吧。 第一个参数为轮询任务,第二参数为时间间隔,so easy。 刚刚也…
造一个 js-cookie 轮子
Cookie 相信大家都不陌生,但是很多时候我们都是这样:“啊,我这个地方要用 Cookie 了,怎么办?没事,装一个 npm 包嘛”,或者去 MDN 去抄一两个函数。没什么机会手写一个 js-cookie 的库,今天就带大家一起来写一个 js-cookie 的小库。 首先,我…
造一个 idb-keyval 轮子
相信不少人看过阮一峰的 《浏览器数据库 IndexedDB 入门教程》。我自己的感觉是依然不会使用 indexedDB,感觉每一步操作都很简单但是就是不会把整个流程跑通。 正好最近用到了 idb-keyval 这个库,阅读了一下源码后终于是有点感觉了。下来就从一个简单的例子开始…
造一个 react-error-boundary 轮子
朋友们好啊,我是海怪,刚才老板对我说:海怪,发生甚么事了,怎么页面白屏了?我说:怎么回事?给我发了几张截图。我打开控制台一看: 哦!原来是昨天,有个后端年轻人,说要和我联调接口,我说:可以。然后,我说:小兄弟,你的数据尽量按我需要的格式来: 踏不服气,他说你这个没用,我说我这个…