博客
工具指南、技巧与开发者参考。
-
GIF 压缩教程：用有损 LZW 和减少颜色压缩 GIF 动图大小
在浏览器里压缩 GIF 动图：有损 LZW、调色板颜色数、抖动、缩小尺寸和抽帧各自如何改变体积，附三类 GIF 的实测数据和命令行方案。
-
把日志粘进 AI 对话或 Issue 之前，先给密钥脱敏
把日志或 .env 文件粘进 AI 对话或 GitHub issue 时会泄漏什么、用稳定占位符脱敏的原理，以及密钥一旦泄漏后该怎么办。
-
CA 为什么拒签你的 CSR——以及如何提前发现
证书颁发机构签发 PKCS#10 请求前会检查的七件事、为什么只写 Common Name 不写 SAN 会签出一张没用的证书，以及如何自己验证 CSR 的自签名。
-
条形码生成：让条码真的扫得出来
选对一维码符号集、把条码校验位算对，避开静区被裁与低对比度这些让合法条形码变成废标签的印刷错误。
-
CSS clamp()：精确流体排版
从两个端点推导精确的 CSS clamp()，理解公式、无障碍与实用代码。
-
浏览器里查 DNS：用 DNS-over-HTTPS 查询 A、MX、TXT 和 CAA 记录
不用 dig、nslookup 或 whatsmydns，直接在浏览器里查 DNS 记录。DoH 如何让一个 fetch() 调用就拿到 A、AAAA、CNAME、MX、TXT、NS、SOA、CAA、PTR、SRV——附带 DNSSEC、TXT 分段与传播延迟的几个坑。
-
零宽字符检测器：识别 AI 输出和代码中隐藏的 Unicode
从任意文本中检测并清除不可见的 Unicode 字符——零宽空格、BOM、双向控制符、可藏入 ASCII 文本的 Unicode tag 字符。具备 Trojan-Source 防护意识，在浏览器中运行。
-
像高手一样读懂 HTTP 头部：一份实战指南
粘贴 HTTP 原始头部，一次性看清安全、缓存、CORS 与 Cookie 元数据。理解分类、识别合规陷阱，把代码已经发出去的头部真正用上。
-
为什么 event.keyCode 在骗你：现代 JavaScript 键盘事件指南
别再瞎猜 event.key、event.code 和 keyCode 该用哪个。看清浏览器到底触发了什么、修饰键在何时翻面、为什么输入法合成会破坏单键处理器、以及如何写出在非 QWERTY 布局下也能用的快捷键。
-
用 EyeDropper API 拾取屏幕上的任意像素
面向开发者的浏览器原生 EyeDropper API 指南——工作原理、能力边界，以及如何用它从截图、视频和其他应用里取色。
-
MIME 类型查询：上传校验里的 magic bytes 嗅探指南
别再凭文件扩展名做上传校验。IANA 媒体类型注册表的工作机制、浏览器端 magic bytes 嗅探的实现思路，以及 HTTP 响应头里 Content-Type 该怎么填。
-
IBAN 校验：在汇款打出去之前抓住一个错的银行账号
拆解 mod-97 算法、各国 BBAN 结构与 OCR 时代的常见陷阱——一个免费的浏览器端 IBAN 校验工具，配上工程师视角的实战指南。
-
File Hash Checker：在浏览器中用 SHA-256 验证下载完整性
在浏览器里分块计算任意大小本地文件的 SHA-256、SHA-1、SHA-384、SHA-512、MD5、CRC32，并与期望值或 SHA256SUMS 列表核对，文件不上传。
-
PKCE 生成器：把 OAuth 授权码流程接对的实战指南
在浏览器里生成 code_verifier 与 code_challenge，正确接入 /authorize 与 /token，并躲开会让移动端与 SPA 登录静默失败的五个 PKCE 坑。
-
SSL 证书解码器：X.509 PEM 字段速查实战指南
在线解码 X.509 PEM 证书，查看 Subject、Issuer、SAN、有效期、密钥类型、签名算法和指纹——无需上传文件、不必敲 OpenSSL 命令。
-
CSP 头部生成器：构建严格的内容安全策略，告别繁琐
用指令、hash 与 nonce 构建生产级 Content-Security-Policy 头部——含严格模式模板、Express / Nginx 片段。
-
大模型的 Token 是什么：分词器怎样数你的文字
Token 是带编号的一小段文本。用实测数字看 GPT、DeepSeek 的分词器怎样切同一句中文，为什么按字数估算不准，以及怎样在代码里精确计数。
-
时区转换：IANA、夏令时与让工程师头疼的 UTC 偏移
拆解 IANA 时区、夏令时切换与 UTC 偏移背后的真实机制，附 JavaScript、Python、Go、Java、SQL 的可直接复用的转换代码。
-
Markdown 目录生成器：一个文件，四种锚点方言
为 GitHub、GitLab、Jekyll、Bitbucket 生成真正能点的 Markdown 目录。覆盖锚点 slug 算法、重复处理规则、基于 marker 的原位更新，以及那些会悄悄把链接打死的跨平台陷阱。
-
Meta 标签生成器：一个页面，四类受众
一键生成完整 <head> Meta 区块——Open Graph、Twitter 卡片、Schema.org JSON-LD 与 SEO 基础项。覆盖 og:image 规范、canonical URL 易踩坑点与各平台差异。
-
Cubic Bezier 生成器：别再瞎猜 CSS 缓动曲线
拖拽两个控制点、看动画跑起来，复制 CSS / SCSS / Tailwind。附 cubic-bezier 背后的数学、设计系统标准曲线，以及那些会写到生产环境里的踩坑姿势。
-
Favicon 生成器：在浏览器里造好整套现代图标包
在浏览器中生成完整的现代 favicon 套件 — ICO、多尺寸 PNG、apple-touch-icon、manifest，全程零上传。覆盖 ICO 文件格式、PWA maskable 图标，以及各家浏览器实际请求的是什么。
-
颜色对比度检测器：在不杀死品牌色的前提下通过 WCAG AA
选定前景与背景，得到 WCAG 2.x 对比度数值、正文/大号文字/UI 三档 AA/AAA 通过状态；不达标时给出保留色相的修正方案。
-
EXIF 元数据查看器：在浏览器里剥离照片的 GPS 与相机信息
在浏览器端查看 EXIF 元数据，并剥离 JPEG 照片的 EXIF / XMP / IPTC 标记段。覆盖 JPEG marker 布局、GPS 坐标解码以及社交平台到底剥不剥。
-
CSS box-shadow 完全指南：用生成器告别反复调参
深入理解 CSS box-shadow 的语法、多层叠加、inset 内阴影与性能优化，配合在线生成器，快速产出可用的阴影代码。
-
ULID 生成器：比 UUID 更好排序的分布式 ID 方案
深入理解 ULID 的结构与优势，对比 UUID v4、UUID v7，讲清楚 ULID 在数据库索引、分页、日志系统中的实际价值，附代码示例。
-
10 个浏览器内开发者效率技巧：JSON / JWT / UUID 一站搞定
10 个直接在浏览器里跑的开发效率技巧，免安装。格式化 JSON、解码 JWT、生成 UUID、解析 Cron、对比文本，几秒钟解决日常调试杂活。
-
开发者工具进化史：从命令行到浏览器
回顾开发者工具从本地 CLI、SaaS 服务到客户端浏览器应用的演进，剖析为什么浏览器端工具最终胜出。
-
一次真实的 API 排障实录：从乱码 JSON 到根因定位
完整复盘一次线上 webhook 静默失败的排查过程：浏览器小工具如何在 45 分钟内帮我解码 token、对比 payload、命中真正的 bug。
-
每个 Web 开发者都该掌握的安全最佳实践
Web 安全核心实战指南：哈希、HMAC、JWT、TOTP、密码存储——每个概念都配套可在浏览器中验证的工具。
-
为什么每个开发者都该有一套自己的工具箱
顶尖开发者并非天赋异禀，而是对工具的选择更刻意。一套精心打磨的工具箱，是工作流的力量倍增器。
-
IP 子网计算器在线：CIDR、子网划分与主机范围完全指南
在线计算 IPv4 子网，输入 CIDR 即得网络地址、广播地址、主机范围和可用主机数。免费无需注册的子网计算工具。
-
CSS 优先级计算器：在线检查选择器权重，快速调试样式冲突
用 CSS 优先级计算器在线检查选择器权重，理解 0-0-0 三列记法、常见坑点和层叠规则，告别乱用 !important。
-
AES 在线加密解密工具：浏览器端 AES-GCM 加密完全指南
在浏览器中直接使用 AES-GCM 加密解密文本，数据不上传服务器。深入讲解 AES 工作原理、密钥管理、GCM 认证加密，附 Python/JS 代码示例。
-
CSS Flexbox 布局生成器：可视化配置弹性布局，一键导出 CSS
用 CSS Flexbox 生成器可视化配置 justify-content、align-items、flex-wrap、gap，实时预览布局效果，导出可直接使用的 CSS 代码。
-
CSS Grid 布局生成器：可视化构建网格布局，直接导出 CSS
用 CSS Grid 生成器在线可视化设计网格布局，导出 grid-template-columns、rows、gap 等属性，告别手写试错。
-
JSONPath 在线测试工具：不写代码也能查询 JSON 数据
学习 JSONPath 语法，用在线测试工具即时验证表达式。涵盖 $ 根节点、点号语法、过滤器、通配符、递归下降等核心用法。
-
CSS 变量生成器：在线创建 CSS 自定义属性
CSS 变量在线生成详解，涵盖自定义属性语法、:root全局变量、暗黑模式实现、JavaScript读写、与Sass变量的区别及设计Token实践。
-
.env 文件在线解析：可视化环境变量、检测语法错误
在线解析 .env 文件，可视化 key-value 键值对，检测语法错误，导出 JSON，全程本地处理不上传数据。
-
.htaccess 配置生成器：Apache 规则在线生成
htaccess 在线生成指南，涵盖301重定向、HTTP转HTTPS、自定义404、GZIP压缩、防盗链、CORS头等常用规则，附与Nginx配置对比。
-
JSON Schema 在线验证：即时校验 JSON 数据结构与类型约束
在线验证 JSON 是否符合 JSON Schema，支持 draft-07 和 2020-12，精确定位错误路径，覆盖 API 合约、配置文件、表单校验等场景，全程本地处理。
-
robots.txt 生成器：在线配置爬虫规则
robots.txt 在线生成指南，涵盖 User-agent、Disallow、Allow 指令，以及百度/Google 爬虫配置、常见错误和验证方法。
-
TOTP 原理详解：用 RFC 6238 测试向量一步步算出动态验证码
TOTP 动态验证码的原理：按 RFC 6238 测试向量逐步计算时间步、HMAC-SHA1 与动态截取，otpauth:// 二维码里有什么，阿里云虚拟 MFA 背后的规则，以及服务端校验的时间窗口与防重放。
-
WebP 转换器：图片转 WebP 减小体积 30%
图片转 WebP 在线指南，涵盖WebP格式介绍、国内平台现状、浏览器兼容性、picture降级方案、Next.js/Nuxt自动优化及cwebp命令行用法。
-
Cron 表达式完全指南：语法、示例与在线解析
Cron 表达式语法速查，20 个常用定时任务示例，覆盖 Linux、GitHub Actions、Kubernetes、AWS。在线解析器即时验证。
-
HMAC 生成器：SHA-256 消息认证码原理与实战指南
深入讲解 HMAC 工作原理、与普通哈希的本质区别，覆盖 Webhook 签名验证、JWT、API 签名等场景，附 Python/JS/Go 代码示例。
-
Markdown 表格生成器：可视化编辑，支持 CSV 和 JSON 导入
在线生成 Markdown 表格：可视化编辑、粘贴电子表格单元格，或导入 CSV、JSON、HTML、Markdown 表格。涵盖 GFM 表格语法、列对齐、管道符转义等实用技巧。
-
URL Slug 生成工具：字符串转 SEO 友好链接完全指南
深入讲解 URL slug 的生成规则、SEO 意义与中文处理策略，附 Python/JS 代码示例，在线 slugify 工具即用。
-
命名风格转换指南：camelCase、snake_case、PascalCase 一键互转
在 camelCase、snake_case、PascalCase、kebab-case、SCREAMING_SNAKE_CASE 之间快速转换。掌握各编程语言的命名惯例，告别手动改名。
-
在线 URL 解析器：一键拆解 URL 结构，解码查询参数
在线解析任意 URL，拆分协议、域名、端口、路径、查询参数、Fragment，百分比编码自动解码。API 调试、重定向排查必备工具。
-
ASCII 编码完全指南：字符、编码与 Unicode 的关系
深入理解 ASCII 编码表，掌握字符与十进制/十六进制码的转换，了解 ASCII、Unicode 与 UTF-8 的区别，附代码示例。
-
宽高比计算器：16:9、4:3 与自定义比例完全指南
深入理解视频与屏幕的宽高比，掌握 16:9、4:3、1:1 等常见比例的应用场景，学会等比缩放计算方法，附 CSS 实现代码。
-
Linux 文件权限详解：chmod 755、644、777 完全指南
彻底搞懂 Linux 文件权限和八进制记法。chmod 755、644、777 各代表什么？什么场景用什么权限？一文讲清。
-
HTML 实体编码完全参考：特殊字符转义与解码指南
全面掌握 HTML 实体编码，了解 <、&、 等常用实体的含义、使用场景，以及如何在 JavaScript、Python 中进行编码与解码。
-
JWT 完全指南：解码、验证与常见安全陷阱
深入讲解 JSON Web Token 结构、标准声明、签名算法与验证流程，附 Python/Node.js/Go 代码示例，在线 JWT 解码工具免安装。
-
开发者的 Lorem Ipsum 生成指南：占位文本的正确用法
为 UI 原型和开发生成 Lorem Ipsum 占位文本。了解 Lorem Ipsum 的来源、使用场景以及如何按需自定义输出内容。
-
Markdown 速查表：GitHub-Flavored Markdown 完整语法参考
完整的 GitHub-Flavored Markdown 速查表，涵盖标题、列表、代码块、表格、任务清单等 GFM 扩展语法，附在线预览工具。
-
进制转换完全指南：二进制、十六进制、八进制与十进制互转
深入理解二进制、八进制、十进制、十六进制的转换原理，附 Python/JS 代码示例，以及各进制在实际编程中的应用场景。
-
在线密码生成器：生成随机强密码、密语和安全密钥
使用在线密码生成器创建 16 位以上随机强密码、Diceware 密语和 API Key，了解密码熵、CSPRNG、密码管理器与安全存储。
-
URL 编码解码完全指南：百分号编码与中文 URL
深入讲解 URL 编码（百分号编码）原理，encodeURIComponent 与 encodeURI 的区别，附 Python/JS/Go 代码示例及在线工具。
-
UUID 生成器：什么是 UUID 以及如何使用
了解 UUID 的格式、版本差异、生成方法，以及在数据库主键、API 和分布式系统中的最佳实践——附免费在线 UUID 生成工具。
-
正则表达式速查表（附在线测试器）
涵盖字符类、量词、锚点、分组和断言的实用正则参考，附示例和免费在线正则测试器。
-
Base64 编码详解：原理与使用方法
了解 Base64 编码是什么、为何存在，以及如何在 JavaScript、Python 和命令行中编码解码——附免费在线 Base64 工具。