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

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

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

說實(shí)話，這些工具的使用者指導(dǎo)和文件很少，更像是我自己的小世界。透過Google Analytics數(shù)據(jù)，我發(fā)現(xiàn)有些工具可能只有我自己作為用戶，例如微圖託管。但正是因?yàn)槲易约菏褂盟鼈?，儘管最近添加新工具的頻率有所減少，但我一直在維護(hù)它們。

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

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

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

IEEE754 浮點(diǎn)轉(zhuǎn)換

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

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

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

依IEEE754標(biāo)準(zhǔn)，0的浮點(diǎn)轉(zhuǎn)換為：符號位為0，指數(shù)位全部為0，尾數(shù)位全部為0。

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

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

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

Base64編碼轉(zhuǎn)換

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

文件類型檢測

這個(gè)工具可以幫助您了解如何透過檔案幻數(shù)來確定檔案類型。您可以上傳文件，該工具將讀取文件的二進(jìn)位資料並根據(jù)幻數(shù)確定文件類型。這在處理未知文件或驗(yàn)證文件類型時(shí)非常有用。

例如JPEG被辨識(shí)是因?yàn)樗腗agic Number是FF D8 FF DB

圖片相關(guān)

影像處理是Web開發(fā)的重要面向。這裡有一些與影像處理相關(guān)的工具。

微型影像

這是一個(gè)快速的影像壓縮工具，可以幫助您減少影像檔案的大小，而不會(huì)顯著降低影像品質(zhì)。

它支援各種圖像格式，並且對檔案大小或數(shù)量沒有限制。這個(gè)工具對於優(yōu)化網(wǎng)站載入速度特別有幫助。

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

微圖像托管

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

圖片分享

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

圖片占位符

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

編碼和加密

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

網(wǎng)址編碼

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

HTML 實(shí)體編碼

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

哈希生成器

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

色彩工具

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

顏色轉(zhuǎn)換

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

調(diào)色板生成器

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

對比度計(jì)算器

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

結(jié)論

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

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

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