En 2020, j'ai quitté mon travail et je suis restée à la maison, ayant beaucoup de temps chaque jour. J'ai donc commencé à développer des outils liés au développement, visant à résoudre des problèmes rencontrés lors du développement ou à aider à approfondir certains concepts techniques.

écrire des petits outils tous les jours, le temps passait de jour en jour. Avec le recul, cette expérience était en fait assez intéressante.

Au début, l'interface utilisateur de ces outils était en effet assez rudimentaire. Cependant, au fil du temps, j’ai continuellement amélioré leur apparence. Même s'ils ne sont peut-être toujours pas considérés comme exquis, ils ont fait des progrès significatifs.

Pour être honnête, ces outils ont très peu de conseils d'utilisation et de documentation, plus comme mon propre petit monde. Grace aux données de Google Analytics, j'ai découvert que certains outils pouvaient n'avoir que moi-même comme utilisateur, comme l'hébergement de micro-images. Mais précisément parce que je les utilise moi-même, même si la fréquence d'ajout de nouveaux outils a diminué récemment, je les entretiens de manière cohérente.

Ce qui me rend gratifiant, c'est que j'ai soumis certains de ces outils sur le blog de M. Ruan Yifeng, et que de nombreux petits outils ont re?u sa recommandation. Cela a été un grand encouragement pour moi.

Quelques outils liés aux principes approfondis

Ces outils sont con?us pour aider les développeurs à mieux comprendre certains concepts de base et principes sous-jacents.

Conversion à virgule flottante IEEE754

Cet outil peut vous aider à comprendre la représentation interne des nombres à virgule flottante double précision dans la norme IEEE 754. Il peut convertir les nombres décimaux en leur représentation binaire correspondante, affichant clairement le bit de signe, les bits d'exposant et les bits de mantisse. Ceci est très utile pour comprendre comment les ordinateurs gèrent les nombres à virgule flottante.

Selon la norme IEEE754, la conversion en virgule flottante pour Infinity est la suivante?: tous les bits d'exposant sont 1, tous les bits de mantisse sont 0.

Voici la conversion en virgule flottante pour Infinity?:

Selon la norme IEEE754, la conversion en virgule flottante pour 0 est?: le bit de signe est 0, tous les bits d'exposant sont 0, tous les bits de mantisse sont 0.

Voici la conversion en virgule flottante pour 0?:

Conversion d'encodage UTF-8

UTF-8 est un codage de caractères de longueur variable. Cet outil peut vous aider à comprendre comment les caractères Unicode sont codés en UTF-8. Vous pouvez saisir n'importe quel caractère Unicode et l'outil affichera sa représentation binaire codée en UTF-8, vous permettant de voir visuellement le processus d'encodage.

Conversion d'encodage Base64

Base64 est une méthode d'encodage couramment utilisée, notamment lorsqu'il s'agit de données binaires. Cet outil vous aide non seulement à comprendre les principes du codage Base64, mais fournit également des fonctions pratiques de codage et de décodage. Il est particulièrement utile pour les scénarios où des données binaires doivent être transmises dans un environnement texte.

Détection du type de fichier

Cet outil peut vous aider à comprendre comment déterminer les types de fichiers grace aux nombres magiques de fichiers. Vous pouvez télécharger un fichier et l'outil lira les données binaires du fichier et déterminera le type de fichier en fonction du nombre magique. Ceci est très utile lorsqu'il s'agit de fichiers inconnus ou de vérification des types de fichiers.

Par exemple, JPEG est identifié car son numéro magique est FF D8 FF DB

Lié à l’image

Le traitement des images est un aspect important du développement Web. Voici quelques outils liés au traitement d'images.

Micro-image

Il s'agit d'un outil de compression d'image rapide qui peut vous aider à réduire la taille des fichiers image sans réduire considérablement la qualité de l'image.

Il prend en charge différents formats d'image et n'a aucune limitation sur la taille ou la quantité des fichiers. Cet outil est particulièrement utile pour optimiser la vitesse de chargement des sites Web.

Plus important encore, il est implémenté à l'aide de technologies frontales, ne nécessitant aucun co?t de serveur, vous n'avez donc pas à vous soucier des problèmes de confidentialité. Son implémentation est similaire à squoosh, tous deux tirant parti de WebAssembly.

Pengehosan Imej Mikro

Ini ialah alat pengehosan imej peribadi yang membolehkan anda menggunakan repositori GitHub sebagai hos imej peribadi anda. Ia menyediakan fungsi muat naik dan pengurusan yang mudah, menjadikannya mudah untuk anda merujuk imej dalam artikel atau halaman web. Ini ialah alat yang sangat praktikal untuk pembangun yang kerap perlu berkongsi imej dalam talian.

Kongsi Imej

Alat ini boleh membantu anda menjana imej dengan cepat dengan teks, sesuai untuk perkongsian media sosial atau membuat poster mudah. Ia memudahkan proses menggabungkan teks dan imej, membolehkan anda mencipta imej yang menarik tanpa menggunakan perisian penyuntingan imej yang kompleks.

Pemegang Tempat Imej

Ini ialah alat penjana ruang letak imej yang boleh mencipta imej ruang letak bersaiz tersuai dan berwarna dengan cepat, sangat sesuai digunakan semasa proses pembangunan. Ia boleh membantu anda mengekalkan integriti reka letak halaman apabila imej sebenar belum sedia.

Pengekodan dan Penyulitan

Dalam pembangunan Web, kita selalunya perlu berurusan dengan pelbagai pengekodan dan penyulitan. Berikut ialah beberapa alatan berkaitan:

Pengekodan URL

Alat ini boleh membantu anda melakukan pengekodan dan penyahkodan URL, yang sangat berguna untuk mengendalikan URL yang mengandungi aksara khas. Ia boleh memastikan URL anda dihantar dan dihuraikan dengan betul dalam pelbagai persekitaran.

Pengekodan Entiti HTML

Alat pengekodan entiti HTML boleh membantu anda menukar aksara khas kepada entiti HTML, memastikan ia dipaparkan dengan betul dalam HTML. Ini penting untuk mencegah serangan XSS dan memastikan pemaparan dokumen HTML yang betul.

Penjana Hash

Alat ini boleh menjana pelbagai nilai cincang yang biasa digunakan, termasuk MD5, SHA1, SHA256, dll. Ia sangat berguna dalam senario seperti pengesahan integriti data dan storan kata laluan.

Alat Warna

Warna ialah elemen penting dalam reka bentuk Web. Berikut ialah beberapa alatan berkaitan warna:

Penukaran Warna

Alat ini boleh menukar antara model warna yang berbeza seperti RGB, HSL, CMYK, dll. Alat ini boleh membantu pereka bentuk dan pembangun bertukar secara bebas antara kaedah perwakilan warna yang berbeza.

Penjana Palet

Alat ini boleh membantu anda menjana warna dan rona warna, sangat sesuai untuk mencipta tema warna yang konsisten. Ia membolehkan anda membina skema warna harmoni dengan cepat, meningkatkan kecekapan reka bentuk.

Kalkulator Nisbah Kontras

Alat ini boleh mengira nisbah kontras antara dua warna, membantu anda memastikan kebolehbacaan teks pada latar belakang. Ia sangat penting untuk mencipta reka bentuk yang memenuhi piawaian kebolehaksesan.

Kesimpulan

Walaupun beberapa alatan mungkin hanya digunakan oleh saya sendiri, proses pembelajaran dan penciptaan yang berterusan inilah yang membuatkan saya berasa puas dan gembira.

Saya akan terus mengekalkan dan menambah baik alatan ini, dan mengalu-alukan semua orang untuk menggunakannya dan memberikan maklum balas.

Atas ialah kandungan terperinci Beberapa Alat Pembangun yang Saya Cipta. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!