2020年，我辞掉了工作，呆在家里，每天都有充足的时间。于是，我开始开发一些开发相关的工具，旨在解决开发过程中遇到的问题或者帮助更深入地理解某些技术概念。

每天写小工具，时间一天天过去。现在回想起来，这段经历其实还蛮有趣的。

一开始，这些工具的 UI 确实相当简陋。然而，随着时间的推移，我不断地改善他们的外表。虽然现在可能还称不上精致，但已经取得了显着的进步。

老实说，这些工具的用户指导和文档很少，更像是我自己的小世界。通过Google Analytics数据，我发现有些工具可能只有我自己作为用户，例如微图托管。但正是因为我自己使用它们，尽管最近添加新工具的频率有所下降，但我一直在持续维护它们。

让我感到欣慰的是，我把其中的一些工具提交到了阮一峰老师的博客上，很多小工具都得到了他的推荐。这对我来说是一个很大的鼓励。

一些与深入原理相关的工具

这些工具旨在帮助开发者更深入地了解一些基本概念和基本原理。

IEEE754 浮点转换

该工具可以帮助您了解 IEEE 754 标准中双精度浮点数的内部表示。它可以将十进制数转换为相应的二进制表示形式，清楚地显示符号位、指数位和尾数位。这对于理解计算机如何处理浮点数非常有帮助。

根据IEEE754标准，Infinity的浮点转换为：所有指数位均为1，所有尾数位均为0。

这是 Infinity 的浮点转换：

根据IEEE754标准，0的浮点转换为：符号位为0，指数位全部为0，尾数位全部为0。

这里是0的浮点转换：

UTF-8编码转换

UTF-8是一种变长字符编码。该工具可以帮助您了解 Unicode 字符如何编码为 UTF-8。您可以输入任何Unicode字符，该工具将显示其UTF-8编码的二进制表示，让您直观地看到编码过程。

Base64编码转换

Base64 是一种常用的编码方法，尤其是在处理二进制数据时。该工具不仅可以帮助您了解Base64编码原理，还提供方便的编码和解码功能。对于需要在文本环境下传输二进制数据的场景特别有用。

文件类型检测

这个工具可以帮助您了解如何通过文件幻数确定文件类型。您可以上传文件，该工具将读取文件的二进制数据并根据幻数确定文件类型。这在处理未知文件或验证文件类型时非常有用。

例如，JPEG被识别是因为它的Magic Number是FF D8 FF DB

图片相关

图像处理是Web开发的一个重要方面。这里有一些与图像处理相关的工具。

微影像

这是一个快速的图像压缩工具，可以帮助您减小图像文件的大小，而不会显着降低图像质量。

它支持各种图像格式，并且对文件大小或数量没有限制。该工具对于优化网站加载速度特别有帮助。

最重要的是，它是使用前端技术实现的，不需要服务器成本，因此您无需担心隐私问题。它的实现与squoosh类似，都利用WebAssembly。

微图像托管

这是一个个人图片托管工具，允许您使用 GitHub 存储库作为您的个人图片托管。它提供简单的上传和管理功能，方便您在文章或网页中引用图片。对于经常需要在线分享图片的开发者来说，这是一个非常实用的工具。

图片分享

该工具可以帮助您快速生成带有文字的图像，适合社交媒体分享或创建简单的海报。它简化了组合文本和图像的过程，使您无需使用复杂的图像编辑软件即可创建有吸引力的图像。

图片占位符

这是一个图像占位符生成工具，可以快速创建自定义大小和颜色的占位符图像，非常适合在开发过程中使用。当实际图像尚未准备好时，它可以帮助您保持页面布局的完整性。

编码和加密

在Web开发中，我们经常需要处理各种编码和加密。以下是一些相关工具：

网址编码

该工具可以帮助您进行URL编码和解码，这对于处理包含特殊字符的URL非常有用。它可以保证您的URL在各种环境下都能正确传输和解析。

HTML 实体编码

HTML实体编码工具可以帮助您将特殊字符转换为HTML实体，确保它们在HTML中正确显示。这对于防止 XSS 攻击和确保 HTML 文档的正确呈现非常重要。

哈希生成器

该工具可以生成各种常用的哈希值，包括MD5、SHA1、SHA256等，在数据完整性验证、密码存储等场景中非常有用。

色彩工具

颜色是网页设计中的重要元素。以下是一些与颜色相关的工具：

颜色转换

该工具可以在RGB、HSL、CMYK等不同颜色模型之间进行转换，可以帮助设计人员和开发人员在不同的颜色表示方式之间自由切换。

调色板生成器

该工具可以帮助您生成颜色的色调和色调，非常适合创建一致的颜色主题。让您快速构建和谐的配色方案，提高设计效率。

对比度计算器

该工具可以计算两种颜色之间的对比度，帮助您确保背景上文本的可读性。这对于创建符合可访问性标准的设计非常重要。

结论

虽然有些工具可能只有我自己会用，但正是这种不断学习和创造的过程让我感到充实和快乐。

我会持续维护和改进这些工具，欢迎大家使用并提供反馈。