前端世界中的动画

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

一个npm包的自述

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

老板,麻烦打包

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 的...