2020年，我辭掉工作，呆在家里，每天都有充足的時間。于是，我開始開發(fā)一些開發(fā)相關(guān)的工具，旨在解決開發(fā)過程中遇到的問題或者幫助更深入地理解某些技術(shù)概念。

每天寫小工具，時間一天天過去?，F(xiàn)在回想起來，這段經(jīng)歷其實還蠻有趣的。

一開始，這些工具的 UI 確實相當簡陋。然而，隨著時間的推移，我不斷地改善他們的外表。雖然現(xiàn)在可能還稱不上精致，但已經(jīng)有了很大的進步。

說實話，這些工具的用戶指導(dǎo)和文檔很少，更像是我自己的小世界。通過Google Analytics數(shù)據(jù)，我發(fā)現(xiàn)有些工具可能只有我自己作為用戶，例如微圖托管。但正是因為我自己使用它們，盡管最近添加新工具的頻率有所減少，但我一直在維護它們。

讓我感到欣慰的是，我把其中的一些工具提交到了阮一峰老師的博客上，很多小工具都得到了他的推薦。這對我來說是很大的鼓勵。

一些與深入原理相關(guān)的工具

這些工具旨在幫助開發(fā)者更深入地了解一些基本概念和底層原理。

IEEE754 浮點轉(zhuǎn)換

該工具可以幫助您了解 IEEE 754 標準中雙精度浮點數(shù)的內(nèi)部表示。它可以將十進制數(shù)轉(zhuǎn)換為相應(yīng)的二進制表示形式，清楚地顯示符號位、指數(shù)位和尾數(shù)位。這對于理解計算機如何處理浮點數(shù)非常有幫助。

根據(jù)IEEE754標準，Infinity的浮點轉(zhuǎn)換為：所有指數(shù)位均為1，所有尾數(shù)位均為0。

這是 Infinity 的浮點轉(zhuǎn)換：

根據(jù)IEEE754標準，0的浮點轉(zhuǎn)換為：符號位為0，指數(shù)位全部為0，尾數(shù)位全部為0。

這是 0 的浮點轉(zhuǎn)換：

UTF-8編碼轉(zhuǎn)換

UTF-8 是一種可變長度字符編碼。該工具可以幫助您了解 Unicode 字符如何編碼為 UTF-8。您可以輸入任何 Unicode 字符，該工具將顯示其 UTF-8 編碼的二進制表示，讓您直觀地看到編碼過程。

Base64編碼轉(zhuǎn)換

Base64 是一種常用的編碼方法，尤其是在處理二進制數(shù)據(jù)時。該工具不僅可以幫助您了解Base64編碼原理，還提供方便的編碼和解碼功能。對于需要在文本環(huán)境下傳輸二進制數(shù)據(jù)的場景特別有用。

文件類型檢測

這個工具可以幫助您了解如何通過文件幻數(shù)確定文件類型。您可以上傳文件，該工具將讀取文件的二進制數(shù)據(jù)并根據(jù)幻數(shù)確定文件類型。這在處理未知文件或驗證文件類型時非常有用。

例如JPEG被識別是因為它的Magic Number是FF D8 FF DB

圖片相關(guān)

圖像處理是Web開發(fā)的一個重要方面。這里有一些與圖像處理相關(guān)的工具。

微影像

這是一個快速的圖像壓縮工具，可以幫助您減小圖像文件的大小，而不會顯著降低圖像質(zhì)量。

它支持各種圖像格式，并且對文件大小或數(shù)量沒有限制。這個工具對于優(yōu)化網(wǎng)站加載速度特別有幫助。

最重要的是，它是使用前端技術(shù)實現(xiàn)的，不需要服務(wù)器成本，因此您無需擔心隱私問題。它的實現(xiàn)與squoosh類似，都利用WebAssembly。

微圖像托管

這是一個個人圖片托管工具，允許您使用 GitHub 存儲庫作為您的個人圖片托管。它提供簡單的上傳和管理功能，方便您在文章或網(wǎng)頁中引用圖片。對于經(jīng)常需要在線分享圖片的開發(fā)者來說，這是一個非常實用的工具。

圖片分享

這個工具可以幫助您快速生成帶有文字的圖像，適合社交媒體分享或創(chuàng)建簡單的海報。它簡化了組合文本和圖像的過程，讓您無需使用復(fù)雜的圖像編輯軟件即可創(chuàng)建有吸引力的圖像。

圖片占位符

這是一個圖像占位符生成工具，可以快速創(chuàng)建自定義大小和顏色的占位符圖像，非常適合在開發(fā)過程中使用。它可以幫助您在實際圖像尚未準備好時保持頁面布局的完整性。

編碼和加密

在Web開發(fā)中，我們經(jīng)常需要處理各種編碼和加密。以下是一些相關(guān)工具：

網(wǎng)址編碼

該工具可以幫助您進行URL編碼和解碼，這對于處理包含特殊字符的URL非常有用。它可以保證您的URL在各種環(huán)境下都能正確傳輸和解析。

HTML 實體編碼

HTML實體編碼工具可以幫助您將特殊字符轉(zhuǎn)換為HTML實體，確保它們在HTML中正確顯示。這對于防止 XSS 攻擊和確保 HTML 文檔的正確呈現(xiàn)非常重要。

哈希生成器

該工具可以生成各種常用的哈希值，包括MD5、SHA1、SHA256等，在數(shù)據(jù)完整性驗證、密碼存儲等場景中非常有用。

色彩工具

顏色是網(wǎng)頁設(shè)計中的重要元素。以下是一些與顏色相關(guān)的工具：

顏色轉(zhuǎn)換

該工具可以在RGB、HSL、CMYK等不同顏色模型之間進行轉(zhuǎn)換，可以幫助設(shè)計師和開發(fā)人員在不同的顏色表示方式之間自由切換。

調(diào)色板生成器

這個工具可以幫助您生成顏色的色調(diào)和色調(diào)，非常適合創(chuàng)建一致的顏色主題。它可以讓您快速構(gòu)建和諧的配色方案，提高設(shè)計效率。

對比度計算器

該工具可以計算兩種顏色之間的對比度，幫助您確保背景上文本的可讀性。這對于創(chuàng)建符合無障礙標準的設(shè)計非常重要。

結(jié)論

雖然有些工具可能只有我自己會用，但正是這種不斷學(xué)習和創(chuàng)造的過程讓我感到充實和快樂。

我會持續(xù)維護和改進這些工具，歡迎大家使用并提供反饋。

以上是我創(chuàng)建的一些開發(fā)工具的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！