老板,麻烦打包

1. 前言落魄前端打字员小李下班后, 觉得有点饿, 于是买了一份炒粉, 分量实在太足, 吃不完决定打包:小李: 老板, 麻烦打包 老板: 好的, 你要哪种包装盒, 有 UMD, CMD, AMD, ES modules 等等, 由本店金牌打包员 webpack, babel, rollup 为你服务 小...

炫酷的MediaSession

1. 前言最近为我的音乐播放器新增了一个 MediaSession 的功能, 非常的酷炫, 依赖于谷歌浏览器的 MediaSession Api,翻译过来就是 媒体会话, 可以实现像如 网易云音乐 app 一样播放歌曲的时候, 在手机任务栏, 可以看到当前播放的歌曲, 也可以进行歌曲切换,快进的操作 2. 什么...

使用React-Hook少写业务代码

相似的业务代码俗话说, 人活得久, 什么都能遇到, 前端搬砖久了, 各种代码也就遇到了, 在这几年的搬砖生活中,尤其是 To B 的项目, 不难发现, 有很多需求都是重复类似的 比如: 一个输入框, BA(业务分析师) 告诉你 不能输入空格, 第二天突然说需求改成 中间不能有空格 一个展示数据的表格, 有一些...

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 结合, 得益于作者良好的封装, 发生了奇妙的化学反应 当然这不是一篇 粘贴官方文档 然后教你如何使用的 水文, 而是采坑心得的 水文 巨...