一个程序员,两年150个工具,全塞进单个HTML文件里?
侧边栏壁纸
  • 累计撰写 1,121 篇文章
  • 累计收到 3 条评论

一个程序员,两年150个工具,全塞进单个HTML文件里?

私人云
2026-02-07 / 0 评论 / 0 阅读 / 正在检测是否收录...

你点开一个链接,不用下载,不弹注册框,不加载五秒转圈,三秒就跑起来了——还是带OCR识别、Python计算、图片拖拽解析的那种。这事真有人干成了,而且干了整整两年,攒下150个这样的小东西。作者叫Simon,没用React,没碰Vite,连package.json都没建过,所有代码就装在一个HTML文件里,扔上GitHub Pages,全球可访问。最绝的是,这些工具到现在打开还能用,有些连2022年写的URL参数都还活着。

这事得从浏览器本身说起。以前我们总以为“前端=框架”,但2024年的Chrome、Edge早不是当年那个只肯渲染div的乖孩子了。它能跑Pyodide——就是把真实的Python(带Pandas、Matplotlib)编译成WebAssembly,在网页里当场算数据;它能调GitHub API、Bluesky接口、iNaturalist动植物数据库,只要对方开了CORS,浏览器就敢直接伸手拿;它还能从剪贴板里抠出带EXIF信息的图片、读取富文本里的嵌套列表结构,根本不管你是从微信、Notion还是截图软件里粘过来的。Simon就靠这些“浏览器自带技能”,绕开了90%的工程链路。

他有个工具叫“Gist画布”,你在线画个像素图,每画一笔,URL就跟着变长一截——所有坐标、颜色、图层全编码进地址栏里。你复制这个链接发给同事,对方点开,画面一模一样。没服务器,没后端,连localStorage都懒得用,全靠URL扛着。另一个工具叫“社交帖速整”,你从Twitter或Mastodon复制一段带链接、emoji、乱码换行的讨论流,粘进去,它三秒吐出干净Markdown,连引用层级和时间戳都自动对齐。原理?就是用Clipboard API读取text/html类型数据,再用DOM parser当场拆解,不是靠正则硬啃。

他存API Key也不走后端,就塞localStorage里,加密?没有。但他说:“我信不过自己的服务器,但信得过用户自己关着的浏览器。”他甚至用GitHub Gists当数据库——每次保存,就发个PATCH请求更新一个gist,几十行JSON,全世界能读,但只有他知道密码。这不是妥协,是算过账:维护一个Node服务,一年电费+域名+监控+安全补丁,够他喝三年手冲咖啡。

有意思的是,后来这些工具开始“自己生孩子”。他把第87号工具的源码喂给Claude,加一句:“照这个结构,做个能比对两个PDF文字差异的。”模型回得挺快,生成的HTML里连注释风格都跟他一模一样。两年下来,150个工具里,有43个是这么“续出来的”。它们长得像一家人,用同一套字体、同一套按钮圆角、同一种错误提示语气——不是因为统一设计规范,是因为模型记住了他手写的“味道”。

我试过他做的本地OCR工具。上传一张手机拍的菜单照片,它在浏览器里直接调用Tesseract.js,两秒出文字,全程离线。没发请求,没传云,连本地都没存临时文件。我盯着控制台看,内存峰值才230MB,比微信PC版还轻。那一刻突然明白:不是工具太轻,是我们把前端背得太重了。

其实他最早做第一个工具,就为解决自己写博客时截图太麻烦。2022年7月,他发了第一个GitHub Pages链接,主页只有一行字:“Paste image → get base64 + EXIF.” 现在那个页面还挂着,连CSS都没改过。

0

评论 (0)

取消