linux.do

【开源推荐】为了在键盘上吃泡面，作者维护超10年的键盘锁

github.com

GitHub - Nigh/I-wanna-clean-keyboard: Block the keyboard input while you were eating...

Block the keyboard input while you were eating instant noodles on your laptop keyboard.

第一眼看到它时，我以为又是哪个大厂出的新玩具。那深色模式的磨砂质感，配合流动的背景粒子，简直太对我这种“颜值即正义”的程序员胃口了！

但是仅1.3MB?这未免有点太过于离谱了吧！？

但当我习惯性地去扒源码想看看是什么神仙架构时，我整个人都愣住了。

这玩意居然是用 AutoHotKey 写的？！WHAT？！

在我的刻板印象里，AHK 这种语言通常只配拥有 Win98 风格的灰色方框按钮，虽然实用但真的丑到没朋友。

像我是用它来写快捷键的，真的还能写出这样的离谱的效果？

这个项目的作者简直是个“疯子”（绝对的褒义）

翻看它的 main.ahk，底层逻辑极其老练。作者并没有依赖高层的封装，而是直接定义了底层的回调函数，通过 CallNextHookEx 来处理钩子链。看这一段干净利落的键盘拦截逻辑：

KeyboardProc(nCode, wParam, lParam){
    global
    if (nCode >= 0){
        return 1
    }
    return CallNextHookEx(0, nCode, wParam, lParam)
}

简单粗暴的 return 1，直接在系统底层截断了键盘信号，干净利落。

让我感到震撼的，是它的 UI 实现。作者完全不屑于用 AHK 那简陋的原生 GUI，而是反手引入了 Neutron 框架，直接在 AHK 里跑了一个 Webview2?!：

neutron := NeutronWindow().Load(path)
    .Opt("-Resize")
    .OnEvent("Close", (neutron) => ExitProc())
    .Show("w" winW " h" winH, "iwck")

打开它的 html 文件夹，我仿佛走进了一个前端大佬(好像大佬还会写底层！)的炫技现场。为了实现锁屏时那个灵动的粒子漂浮效果，作者纯手写了整整一套 CSS 动画。

看看这段定义粒子运动轨迹的 keyframes，那种上升、旋转、渐隐的动态美感，注意！这全是一行行 CSS 堆出来的(那个时候还没有AI)

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 25%;
    }

    100% {
        transform: translateY(-500px) rotate(540deg);
        opacity: 0;
        border-radius: 45%;
    }
}

这种感觉怎么形容呢？就像是为了吃顿饺子，特意去造了个顶级醋厂。这种极致的“降维打击”，这种为了“在键盘上吃泡面”这么一个微小的痛点，不惜动用全栈技术去雕琢的劲头。

作为开发者，我们太容易忽视“人”的需求了。我们总想着怎么把性能再压榨 10%，却忘了有时候用户只是想在追番的时候，能放心地把泡面碗搁在键盘上；或者防止自家的猫主子跳上桌子，顺脚把你刚写完还没存的代码删个精光（别问我怎么知道的）。

它就像是“绝对领域”展开一样，当你点下那个精致的锁定按钮，屏幕上的粒子开始流转，现实世界的物理误触就被隔绝在外。没有复杂的配置，没有厚重的依赖，只有纯粹的“好用”加“好看”

这个项目最早的版本可以追溯到 2014 年，那个时候就连 GitHub 都还没发布呢！十年! 在这个技术栈半年一换的时代，维护一个“键盘锁”十年，这本身就是一种属于极客的、纯粹的浪漫！

如果你也是个经常需要在狭窄桌面上“生存”的开发者，或者家里有一只喜欢在键盘上取暖的猫主子，我强烈建议你试试这个工具。不仅仅是为了好用，更是为了感受那份在代码字里行间流露出的、属于我们程序员独有的极致追求。

25 posts - 12 participants

Read full topic

via LINUX DO - 热门话题 (author: vladelaina)

Invalid media:
animation
image
image
image
image
image
image
image
image
image
animation
image

14 views10:22