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

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

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

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

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

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

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

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

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

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