我創建的一些開發工具

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等不同颜色模型之间进行转换，可以帮助设计师和开发人员在不同的颜色表示方式之间自由切换。

调色板生成器

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

对比度计算器

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

结论

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

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

以上是我創建的一些開發工具的詳細內容。更多資訊請關注PHP中文網其他相關文章！