开发者工具教程 - JSON、Base64、HTTP 与 SEO 实战

码屋开发者工具教程与实践笔记：持续更新 JSON、YAML、正则、JWT、哈希与加密、HTTP、CORS、时区处理、SQL 注入防护等主题的深度文章，既有原理拆解，也有可直接套用的排查清单与代码示例。每篇都关联站内对应工具，便于边读边验证，也方便按主题串联学习，也可按主题串联阅读。

颜色代码实战：HEX、RGB、HSL 的互转与 WCAG 对比度计算

HEX、RGB、HSL 是同一颜色的三种坐标系，转换公式之外更关键的是选择依据：调色用 HSL 更可预测，配色需要灰度计算。本文给出互转公式、HSL 三轴为何更适合调色，以及 WCAG 对比度的计算与达标判断。

校验和用于发现意外损坏，密码哈希用于抵抗攻击者——两者需要的是相反方向的性能。MD5 与 SHA-1 已能构造碰撞，通用哈希太快不适合存密码，正确的做法是 SHA-256 校验文件、Argon2id 或 bcrypt 存密码。

同样是缩略图，PNG、WebP、AVIF 的体积能差三到十倍，但代价各不相同：JPEG 没有透明通道、WebP 的动画体积不降反升、AVIF 在部分平台仍有兼容问题。本文按场景给出选择规则与转换时机。

PDF 的两种密码分别管什么、扫描件的 OCR 文字层为什么不可靠、图片占 95% 体积时该压什么，以及合并与拆分为什么会破坏书签与内部链接——四类日常高发问题的定位与处理。

从类型保留、编码声明、容量上限三个维度对比 CSV、XLSX 与 Parquet，说明为什么 00123 会在 CSV 往返后变成 123、中文乱码的根因是 GBK 与 UTF-8 混用，以及超过 Excel 行数上限时导出器的静默截断行为。

为什么看起来一样的两段文本比对不相等、为什么按行 split 处理 CSV 会把一条记录拆成两半、为什么用点号匹配分隔符会误伤版本号——三类没有报错却悄悄出错的问题，以及排查与预防的完整做法。

LCP 2.5 秒、INP 200 毫秒、CLS 0.1——三条阈值线背后的测量口径各不相同。这篇把实验室数据与真实用户数据的差异、每个指标的常见成因与修复清单一次讲清。

把 Base64 当加密、把哈希当可逆转换，是两类真实存在的事故。一张对照表分清加密、哈希与编码的边界，再用同一段输入的三种输出验证。

改错提交信息、撤回未推送的提交、安全撤销已推送的提交、找回被 reset 掉的工作——Git 撤销操作的场景矩阵，全部用临时仓库真实跑一遍。

哈希碰撞不是理论担忧：用 SHA-256 的 8 位截断做一次真实碰撞实验只需几十次尝试。生日悖论把碰撞概率从「不可能」变成「算得清」，而 MD5 的碰撞早已可以按需构造。

讲清文件校验的原理——同一文件同一算法必然同哈希、一位不同则哈希完全不同，手把手示范 MD5/SHA-1/SHA-256 在命令行与图形工具里的用法，并解释为什么验证下载的 SHA-256 校验和能防劫持与损坏、以及完整性校验与防篡改的区别。

带你分清 301/302/307/308 四种重定向的语义差别（永久/临时、是否改变 method、POST 会否变 GET），讲清 Location 头与链条跟踪、重定向环、以及永久重定向在 SEO 权重传递与浏览器缓存的坑。