代码工具

正则表达式匹配不上？排查这 6 个常见坑

正则表达式不匹配、regex匹配失败时如何排查？本文详解贪婪量词、标志位遗漏、特殊字符转义、环视断言、换行符处理、Unicode属性6大常见坑，附前后对比示例，帮你快速定位正则调试问题。

Hydration failed / Text content does not match 报错怎么解决？

Next.js/React SSR 最常见的水合报错完整指南：为什么服务端和客户端渲染不一致、时间戳/随机值/localStorage 三大来源、suppressHydrationWarning 的正确用法，配本站工具定位差异。

Cannot read properties of undefined (reading 'map') 报错怎么解决？

React/前端最常见运行时报错的完整排查指南：为什么 undefined.map 会报错、接口数据异步加载的正确处理、可选链与默认值防御、空状态渲染，配本站 JSON 工具实测定位。

如何把 JSON 快速转成 Java 实体类（含注解与 List 嵌套）

拿到一份 JSON 接口数据，想生成对应的 Java 实体类？本文讲解 JSON 转 Java 的类型映射与常用注解，并一步步用本地转换工具生成可序列化的实体类。

如何把 JSON 快速转成 Go struct（含 json tag 与嵌套类型）

有一份 JSON 接口返回，想生成对应的 Go 结构体？本文讲解 JSON 转 Go struct 的类型映射规则，并一步步用本地转换工具生成带 json tag 的代码。

HTML 转 JSX 完全指南：React 开发者必备技巧

深入理解 HTML 与 JSX 的差异，掌握 className、style 对象、驼峰属性等转换要点，快速将 HTML 片段迁移到 React 项目。

在线正则表达式解析器：可视化理解正则语法

学习如何解析和理解正则表达式。了解正则语法结构、匹配原理，以及如何使用可视化工具分析复杂的正则表达式。

在线 CSS 渐变生成器：创建漂亮的背景渐变效果

学习如何使用在线工具创建 CSS 线性渐变和径向渐变。了解渐变的语法、颜色搭配技巧，以及如何在网页设计中应用渐变效果。

正则表达式为什么匹配不上：6 个常见错误及修复方法

快速修复正则不匹配问题。覆盖贪婪与懒惰量词、遗漏的标志位、未转义字符等 6 个常见正则错误，附代码示例。

在线 CSS 压缩工具：减少 CSS 文件体积优化加载性能

学习如何压缩 CSS 代码以减小文件体积。了解 CSS 压缩的原理、可选安全变换（颜色缩短、零值单位、calc 保护），以及如何对照 UTF-8 字节节省评估收益。

正则表达式速查表：30 个最常用模式及示例

Regex 速查表，整理 30 个最常用正则模式。涵盖字符类、锚点、量词、环视及邮箱、URL、手机号、IP、日期、密码强度等常见场景，含匹配与非匹配示例。

在线 JavaScript 压缩工具：减小 JS 文件体积加速页面加载

学习如何压缩 JavaScript 代码以减小文件体积。了解 JS 压缩的原理、本站工具的选项（注释/console/体积对比），以及如何与构建链里的 Terser/esbuild 分工。

在线 HTML 压缩工具：减少 HTML 文件体积提升加载速度

学习如何压缩 HTML 代码以减小文件体积。了解 HTML 压缩的原理、可选策略（注释与条件注释）、script/style/textarea 边界，以及如何用在线工具对照字符与 UTF-8 字节节省。

在线 SQL 格式化工具：美化和压缩 SQL 查询语句

按方言格式化/压缩 SQL（MySQL、PostgreSQL、SQLite、BigQuery）。diff 友好排版、ORM 日志整理，以及格式化器做不到的事。可衔接 CSV→SQL。

在线代码格式化工具：一键美化 JavaScript、HTML、CSS、SQL

学习如何用浏览器本地的代码格式化工具整理 JavaScript、HTML、CSS 与 SQL：缩进选项、解析错误行号、Format 与 Minify 体积对照，以及和 IDE Prettier 的分工。