- 前端开发
对油猴脚本 Pixiv Previewer 进行二次开发
笔者的业余爱好之一就是逛 Pixiv,收 藏好看的插画等作品并下载到本地。油猴脚本 Pixiv Previewer 做了两个笔者很喜欢的便利性工作: 作品预览:鼠标悬浮在作品缩略图上时自动在当前页面显示大图,快速决定要不要点进作品页。 作品排序:作品搜索页可以按“排序”按钮,自动获取若干页的作品并按照收藏数排序,快速筛选优质作品。 出于爱好,笔者去脚本仓库翻阅了一下源码,觉得有一些可以改进的地方…
03 月 17 日 2025 年TypeScript Tampermonkey Pixiv - 前端开发
基于 Gatsby 打造我的个人博客系统
碎碎念 搭建一个自己的博客是无数跻身于 IT 行业开发者的心中最质朴的愿望! 回想笔者的历程,刚上大学的时候就摩拳擦掌想要实现一个博客系统,但在 Github 上创建了仓库以后就开始了无限期的拖延:自己没有任何的开发经验,不知道框架也不知道 UI 组件库,只知道要写 HTML + CSS + JavaScript 代码,面对眼前想要实现的完整系统不知该如何下手。 从零开始实现博客系统的计划虽然搁浅…
03 月 12 日 2025 年React TypeScript Gatsby - 前端开发
纯前端如何实现一个转盘抽奖组件
为什么 前阵子面试的时候被问到这个问题,觉得挺有意思,于是决定亲手实现一个转盘抽奖组件试试。 翻看别人的实现方案时,发现和自己面试时答得相差很大,悲 😢。但总之,是时候开始弥补自己的 CSS 和动画技能了。 是什么 一个转盘抽奖组件主要由三部分组成,写有中奖结果的圆形转盘、指向结果的指针和开始转动的按钮。 如果每个中奖结果的概率相近,我们可以按照真实概率来划分每个奖品所占圆形的扇形比例…
09 月 06 日 2024 年TypeScript CSS - 前端开发
Electron 执行后台程序并在渲染器实时打印运行日志
开发图像查重工具时遇到了这样一个问题:在查重之前,用户需要先对图像文件进行索引操作,后台将调用可执行文件并为每张图像生成特征值。索引操作所需的时间与图像的数量及大小呈正相关,笔者为大约 50000 张图片(约 170GB)生成特征值,需要花费将近 90 分钟的时间。在这种情况下,如果渲染器什么也不展示,卡在那里,用户难免会非常焦虑 —— 后台是否还在运行,我是不是卡死了? 那么需求也就明了了…