教程
共 47 篇文章
HTML 实体详解：命名实体、数字实体与转义时机
HTML 实体完全指南：命名、十进制与十六进制引用的区别，五个必须转义的字符，以及避免 XSS 的上下文转义规则。
JSONPath 语法完全指南：查询与过滤 JSON（含示例）
用可复制示例学会 JSONPath 语法：根节点、递归下降、通配符、切片与过滤表达式，还有 RFC 9535 函数。每条查询都能在浏览器里实时测试。
px、rem、em 怎么选：CSS 单位完全对比指南
px、rem、em 三个 CSS 单位的区别与选择：rem 为何利于无障碍、em 复合陷阱、媒体查询缩放 bug，附按属性决策表与换算心智模型。
JSON 字符串转义完全指南：字符、stringify 与陷阱
如何转义 JSON 字符串：哪些字符需要转义、escape 与 JSON.stringify 的区别、JSON 套 JSON 嵌套、Unicode 转义，以及破坏 payload 的常见陷阱。
图片转 Base64 与 Data URI：何时内联图片（2026）
该把图片转成 Base64 吗？了解 data URI 的适用场景、33% 体积开销、CSS/HTML 内联方式、缓存权衡，以及何时普通图片文件更优。
代码压缩完全指南：CSS、JS 与 HTML 详解
代码压缩是什么、CSS/JS/HTML 如何被压缩，以及 minify 与 gzip/brotli 有何本质区别。理解叠加顺序，并用免费在线工具压缩你的代码。
SQL 风格指南：可读查询的格式化最佳实践
实用 SQL 风格指南：关键字大小写、缩进、JOIN/WHERE 换行、命名约定与 9 大方言差异，附免费在线 SQL 格式化工具。
curl 命令速查表：40+ HTTP 与 API 实战示例
完整的 curl 命令速查表：GET/POST、请求头、Bearer 认证、文件上传下载、API 测试，40+ 复制即用示例。附在线工具助你调试。
Lorem Ipsum 是什么？占位文本的含义、由来与使用指南
全面解读 Lorem Ipsum：这段伪拉丁文是什么、从何而来、设计师为何使用占位文本、如何在各平台生成，以及何时绝不能让它上线。免费在线生成器即开即用。
XML 转 JSON：约定、陷阱与代码示例（2026 指南）
正确地将 XML 转换为 JSON：属性、数组、命名空间如何映射，为什么值保持字符串，附 JavaScript、Python 和浏览器代码示例。
JSON 转 TypeScript：生成接口与类型完全指南（2026）
正确地把 JSON 转成 TypeScript 接口：类型推断规则、interface 与 type 之争、可选与联合字段处理，以及要避开的工程陷阱。免费在线试用。
OKLCH 色彩空间详解 —— Tailwind v4 为什么采用它
OKLCH 如何在 2024–2026 年成为设计系统标准。它与 HSL、LCH 有何不同,附一份从 HEX 到 OKLCH 的完整换算演练。
SHA-1 vs SHA-256 vs SHA-512：2026 哈希算法选择指南
SHA-1、SHA-256、SHA-384、SHA-512 和 SHA-3 的安全现状、输出长度、性能与真实使用场景全面对比。附决策树与常见陷阱。
UTF-8 vs UTF-16 vs Unicode 编码完全指南
UTF-8、UTF-16、UTF-32 编码完整解析：码点、代理对、BOM、MySQL utf8mb4 陷阱与 JS string.length 谎言。了解如何选对编码、规避乱码与 emoji 截断。
WCAG 颜色对比度完全指南：AA、AAA 与 APCA 算法详解
WCAG 颜色对比度完全指南：从 4.5:1 AA 到 7:1 AAA 阈值、APCA Lc 算法、色盲适配，到如何修复无法通过的颜色组合，一篇讲透。
camelCase vs snake_case vs kebab-case 命名约定完全指南 2026
camelCase vs snake_case vs kebab-case 命名约定 2026 — 6 种 case 风格 + 7 大语言决策矩阵 + 缩写规则 + URL SEO + 6 大转换陷阱。
字符与字数限制完全指南 2026 — Twitter、SMS、SEO、Instagram
2026 全平台字符与字数限制：Twitter (280)、SMS (160/70)、SEO meta (160)、Instagram、LinkedIn — Unicode 计数原理与实时计数器。
Crontab 速查表：50+ Cron 表达式与现代调度器完全指南
可直接复制的 Crontab 速查表：50+ cron 表达式、五字段语法详解、星期/日期 OR 陷阱、时区调试，附 Kubernetes / GitHub Actions / AWS EventBridge 对比。
在线文本对比完全指南：LCS/Myers 算法 + 6 大场景 + diff 选型
在线对比两段文本：side-by-side 与 unified diff 双视图，掌握 LCS/Myers 算法，理清 text vs JSON diff 选型场景。
嵌套 JSON 扁平化为 CSV：5 种策略与决策矩阵
立即将嵌套 JSON 扁平化为 CSV：5 种策略 — 点号、索引数组、行展开、Stringify。覆盖 Excel、Pandas、BigQuery、Postgres 的决策矩阵和真实负载示例。
Regex 正则表达式速查：元字符、分组、Lookahead/Lookbehind 一页搞定
一份覆盖元字符、量词、锚点、分组与 Lookaround 的正则速查表；附 15+ 个常用模式，以及 JavaScript 与 Python 引擎的差异说明，帮你避开灾难性回溯。
HTTP 状态码速查表：每个代码全解析（1xx-5xx）
HTTP 状态码完整速查表：1xx 到 5xx 全分类解析，含 401 与 403 区别、301 vs 302 选择、5xx 排错与 SEO 影响。立即查阅速查表，提升 API 调试效率。
JSON Schema 验证完全指南：Draft 2020-12、Ajv、Python（2026）
在 Node、Python 和浏览器里用 JSON Schema 校验数据：Draft 2020-12 新特性、真实 API 实战、可复制示例，2026 完整指南。免费在线试用。
WebP vs AVIF vs JPEG：2026 图片格式选型实战
AVIF 比 WebP 小 20–30%，比 JPEG 小 30–50%，但编码慢 5–20 倍。本文实测 2026 浏览器支持现状，给出 <picture> 兜底实战与一站式压缩转换方案，免费在线试用。
静态二维码 vs 动态二维码 — 为什么你的二维码会失效
动态 QR 在背后的跳转服务关停时就会失效；静态 QR 永不过期。本文讲清两者的差别、各自的失败模式，以及如何选择。
如何在 JSON Diff 中忽略 Timestamps 和 IDs（不用 jq）
API 回归测试 80% 都是噪音 —— timestamps、request IDs、每次请求都变的 UUIDs。用 Extended JSON Pointer 模式，只暴露真正有意义的变化。
YAML Norway 问题与工程师必知的 JSON-YAML 差异
为什么 YAML 会把 "no" 读成 false？真实的 K8s 故障案例、字符串引号规则、JSON vs YAML 格式选择、缩进规范与 K8s 清单转换详解。
cm 转 inches 完全指南：精确公式、身高与屏幕速查表（2026）
用 1959 年国际协议精确因子把厘米换算成英寸（1 in = 2.54 cm）。心算技巧，身高、屏幕、纸张换算表，附 JS/Python 代码，免费在线工具，浏览器本地计算，数据不上传。
ml 换算 oz 完全指南：美式/英式/营养标签三标准（2026）
用 NIST 精确因子把毫升换算成液盎司：美式 29.5735、英式 28.4131、FDA 营养标签 30 mL 约值。烹饪、药剂、化妆品换算表，立即试用免费体积换算工具。
kg 转 lbs 完全指南：NIST 公式、心算与换算表（2026）
用 NIST 精确公式把千克换算成磅（1 kg = 2.20462 lb）。心算技巧、体重、行李、医疗剂量换算表，免费在线换算器，全程浏览器运行不上传数据。
温度换算完全指南：摄氏、华氏、开尔文、兰氏公式与代码
摄氏、华氏、开尔文、兰氏四种温标的精确换算公式，附 5 种编程语言代码、天气 API 处理模式、常见陷阱与对照表。
位运算完全指南：AND、OR、XOR、移位与位掩码实战
位运算实战完整指南：AND / OR / XOR / 移位、补码、位掩码与 feature flag，附 JS、Python、Go、C 代码示例与常见陷阱，立即查看。
jq 速查手册：30 个真实 JSON 命令行实战模式
用 30 个实战模式玩转 jq：从 kubectl、AWS CLI 到日志文件，命令行过滤、转换、提取 JSON 的所有套路一次讲清。
进制转换完全指南：二进制、十六进制、八进制与十进制互转
掌握二进制、十六进制、八进制与十进制互转方法，附 JS/Python/Go/C 代码示例和实战场景。免费在线转换工具即试即用。
URL 编码与解码：百分号编码开发实战指南
拆解 URL 编码原理：RFC 3986 规则、encodeURI 与 encodeURIComponent 的区别、UTF-8 字节映射，附 JS/Python/Go/Java 代码示例与在线工具。
单位换算完全指南：长度、重量、温度、体积公式与代码实战
公制与英制单位换算详解：长度、重量、温度、体积的精确公式、JavaScript/Python 代码示例与速查表，附免费在线工具。
CSV 与 JSON 互转：方法、陷阱与代码示例
学习如何用 Python、JavaScript 和 CLI 工具实现 CSV 与 JSON 互转。涵盖编码陷阱、类型强制转换、嵌套结构处理与大文件流式处理。
MD5 与 SHA-256：开发者哈希算法对比指南
全面对比 MD5、SHA-1、SHA-256 和 SHA-512 哈希算法的安全性、速度、输出长度及实际应用场景。了解在校验和、完整性验证和密码存储中应选择哪种哈希算法。
UUID v4 vs v7 vs ULID vs Snowflake：2026 分布式 ID 选型实战指南
分布式 ID 选型实战指南：UUID v4、v7、ULID、Snowflake ID、NanoID 在数据库性能、可排序性、存储大小和生态支持方面的全面对比，附多语言代码示例。
什么是 UUID？格式解析、版本详解与实际应用完全指南
从零理解 UUID：128 位结构、十六进制格式解析、v1/v3/v4/v5/v7 内部原理、碰撞概率计算、真实应用场景、安全注意事项，以及多语言代码示例。
什么是 Base64 编码？新手入门指南
Base64 入门：了解 Base64 编码是什么、工作原理、使用场景以及开发中常见的注意事项，适合初学者的图文详解。
Unix 时间戳完全指南：秒/毫秒/微秒转换、时区与 DST 处理最佳实践
全面掌握 Unix 时间戳：Epoch 起源、精度差异（秒、毫秒、微秒、纳秒）、时区处理、夏令时陷阱，以及 JavaScript、Python、Go 实战代码示例。
前端图片压缩方案全面解析：浏览器与 Node 工具对比
对比 Squoosh、Sharp、browser-image-compression 等方案——了解何时用浏览器端压缩、何时用 Node.js，附性能基准和代码示例。
从 JSON5 到 JSONC：解锁更宽容的 JSON 格式化体验
了解 JSON5 与 JSONC 的区别，格式化带注释的配置文件，并将格式化工具集成到 CI 流水线——附实际代码示例。
PostgreSQL timestamp 列里到底存了什么？
用通俗语言讲解 PostgreSQL 的 timestamp 与 timestamptz 的存储机制、时区陷阱，以及如何为你的场景选择正确的类型。
Base64 高级指南：MIME、Data URL、性能优化与安全实践
超越基础：在 JavaScript 和 Python 中实现 Base64 编码，优化 Data URL 性能，选择正确的变种（标准 vs URL 安全），避免常见安全陷阱。
新手指南：如何使用开发者工具提高工作效率
学习如何有效使用各种开发者工具来提升开发效率，包括编码工具、生成器和转换器的最佳实践。