2019年终总结

全面小康的时代来临啦一不留神, 2019年就这样过去啦, 看着 2018 的年终总结, 仿佛就是前几天写的 😁, 写这段文字的时候,已经是 2020 年 1 月 4 号了, 一个号称全面小康的时代, 小时候的未来世界, 现在看来, 除了成都很有未来感的雾霾之外,其实也没什么差别 去年的目标完成了吗? 2018 ...

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

前言之前配置 webpack 的时候, 使用了一个插件 progress-bar-webpack-plugin, 功能很简单, 就是在打包的时候显示一个骚气的进度条, 使用如下 12345678// 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 也可以看做一个引用我们熟悉...

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

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

一次啼笑皆非的 drop console

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

初始 React Hooks

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

初识 React 中的高阶组件

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