前端世界中的动画

前言16 年年底入坑前端,原因之一就是被网页中各种炫酷的动画震撼到了,想着我要是也能自己写出那些炫酷的动画就好了!当然动画看起来只是简单的平移旋转,放大缩小,其实知识点还是不少,今天闲来无事,就来回顾一下我在前端世界中接触到的那些动画。本人水平有限,本文参考了很多大神的文章,结合了自己一些见解,可能会有一些错误的...

一个 npm 包的自述

自我介绍我叫 react-jinke-music-player, 是一个 npm 包,叫我 jk 就好。我名下有三套房产,一套是 github, 一套是 npm, 还有一套是 packages, 但买来就没住进去过,没办法,谁叫我这么有钱呢!平时请了个管家 microsoft 帮我打理,自己平时很少过问。 REA...

老板,麻烦打包

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

炫酷的 MediaSession

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

使用 React-Hook 少写业务代码

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

2019 年终总结

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

小李取钱之 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 的底层实现了...