小李取钱之 Node.js 实现一个命令行的进度条

前言之前配置 webpack 的时候,使用了一个插件 progress-bar-webpack-plugin, 功能很简单,就是在打包的时候显示一个骚气的进度条,使用如下 123456// webpack.config.jsconst ProgressBarPlugin = require('progr...

怎样实现一个简单的 react hook 请求库

前言越来越多的项目 使用 react hooks 的方式来开发应用,需要调用 api 请求数据,一个网络请求的自定义 hook 显得尤为的重要 很久没用到的 redux我接触的项目中,大多数引入了 react-redux, redux 之类的状态管理库,用来做 数据 与 UI 分离,自己感觉是为了用而用,太重又没...

变化

又长大一岁前几天,送走了 22, 迎来 23 岁的我,现在正在播放 Eminem 的 Rap God, 去年这个时候,我还在民谣的世界里听着南方北方,和姑娘到底长大带来了变化,还是变化,就是所谓的长大 个性签名上的歌词学生时代,非主流的年代,一个不怎么流行 周杰伦的年代,qq 音乐三巨头,陈奕迅,歌名当网名,选取...

使用 service worker 获取 http 请求资源状态码

前言在公司 js 社区的讨论中,有一位同学遇到了这样一个需求,在 react 应用中按需加载了一些 js 文件,这些文件有可能加载失败,需要获取到这些失败的文件状态码,做出相应的处理,那么问题来了,怎么获取状态码呢? 不可取的方式同事 [a,b,c,d,e] 纷纷重拳出击,看他们都说到了 react 的底层实现了...

useEffect 不完全踩坑指北

前言React Hooks 已经在项目用使用了很久了,写起来相当的 丝滑, useEffect 让我们印象深刻 , 始终围绕着两个字那就是 引用 没有 this 的世界非常美好这句话似乎在 javascript 的世界里,没啥毛病,严格意义上来说,js 没有指针的概念,this 也可以看做一个引用我们熟悉的 us...

Nest.js 与 GraphQL 在项目中的实际应用

前言最近项目中在做一个 BFF, nest.js 和 GraphQL 这两个技术栈 是一个”新”的尝试,虽然 GraphQL 在 15 年就出来了,但是在与 nest.js 结合,得益于作者良好的封装,发生了奇妙的化学反应 当然这不是一篇 粘贴官方文档 然后教你如何使用的 水文,而是采坑心得的 水文 巨人的肩膀 ...

一次啼笑皆非的 drop console

1. 前言做完星巴克项目已经有一段时间了,看到了之前让人哭笑不得 😂 的一段代码 1234567891011export const isSupportLocaleCompare = () => { if (!String.prototype.localeCompare) { ...

初始 React Hooks

前言React Hooks 已经出现在人们的视野里很久了,不得不承认的是,这是 React 开发团队未来的发展方向,如果你是一个 函数式编程 的爱好者,你可能为之兴奋,如果你是一个 面向对象编程的爱好者,那么。.. 要解救什么问题很明显,这不是 一帮为了 KPI 的程序员搞出来的东东,也不是 这不是邓紫棋要帮你唱...

初识 React 中的高阶组件

1. 前言 好久没有写文章了,结合之前分享的资料,今天介绍一下 React 中的 高阶组件 2. 什么是高阶组件 什么是 高阶组件 (Higher-Order-Component) , 说人话其实就是 组件外面在包一个组件,用伪代码表示 123const 三明治 = 用刀切(面包(火腿), { 切几刀...

有点东西的 React+Node 开源博客

前言这是一个 17 年底,因为无聊做的一个 自己用的博客,想通过一条龙的方式,学习前端,后端,和部署 最初部署在 阿里云上的,一年后到期了,因为穷,我就改用 hexo, 想看看我的新博客吗 点这里 在这里分享给大家,当然,代码写的很糟糕, 如果你想知道他是怎么搭建的 请看 李金珂的小屋诞生记 如果你喜欢的话,就随...