img/写一个 Github Action

前言为了优化开发体验, 设想的是小伙伴每次提交 PR 的时候, 能够推送消息到钉钉群, 提醒大家帮忙 Review, Github 提供 丰富的 web hooks 可以做这件事 为什么不用 Web Hooks点击钉钉 -> 群设置 -> 智能群助手 添加自定义机器人点击 Setting -&g...

写一个 Github Action

前言为了优化开发体验, 设想的是小伙伴每次提交 PR 的时候, 能够推送消息到钉钉群, 提醒大家帮忙 Review, Github 提供 丰富的 web hooks 可以做这件事 为什么不用 Web Hooks点击钉钉 -> 群设置 -> 智能群助手 添加自定义机器人点击 Setting ->...

VisualViewport 实现浏览器窗口的缩放检测

📣 背景最近在工作中, 遇到了用户如果缩放浏览器窗口, 或者使用 mac 笔记本的触摸板缩放浏览器窗口时, canvas 会模糊的问题,原因很简单, 缩放之后, 浏览器的 window.devicePixelRatio 已经发生改变, 所以要用最新的 devicePixelRatio 去绘制 window...

个人开源项目的一些细节

什么是开源项目?在一部分人的眼中, 我想大概就是将源代码开放出来, 放在 Github 之类的平台中 12// index.tsexport const myModule = () => {}; 1234{ "version": "0.0.1", "name: "test...

2020年终总结

怎么又要年终总结了今年真的是魔幻的一天, 因为工作加上疫情的原因, 今年基本上都在家远程办公, 都快要自闭了. 工作 最近辞掉了在 ThoughtWorks 的工作, 加入了梦寐以求的 蚂蚁金服 体验技术部, 在TW工作了快3年了, 认识了不少的帅哥美女, 怎么说呢? 技术厉害的也有, 浮夸很水的也大有人在, 不...

前端世界中的动画

前言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(业务分析师) 告诉你 不能输入空格, 第二天突然说需求改成 中间不能有空格 一个展示数据的表格, 有一些...