Im Jahr 2020 habe ich meinen Job gekündigt und bin zu Hause geblieben und hatte jeden Tag viel Zeit. Also begann ich mit der Entwicklung einiger entwicklungsbezogener Tools, um Probleme zu l?sen, die w?hrend der Entwicklung auftraten, oder um ein tieferes Verst?ndnis bestimmter technischer Konzepte zu erlangen.

Jeden Tag kleine Werkzeuge schreiben, die Zeit verging von Tag zu Tag. Rückblickend war diese Erfahrung tats?chlich recht interessant.

Am Anfang war die Benutzeroberfl?che dieser Tools tats?chlich recht rudiment?r. Im Laufe der Zeit habe ich jedoch ihr Aussehen kontinuierlich verbessert. Obwohl sie jetzt vielleicht immer noch nicht als exquisit gelten, haben sie erhebliche Fortschritte gemacht.

Um ehrlich zu sein, verfügen diese Tools nur über sehr wenig Benutzerführung und Dokumentation, eher wie meine eigene kleine Welt. Anhand von Google Analytics-Daten habe ich herausgefunden, dass einige Tools m?glicherweise nur mich selbst als Benutzer haben, wie zum Beispiel das Micro Image Hosting. Aber gerade weil ich sie selbst nutze, habe ich sie konsequent beibehalten, auch wenn die H?ufigkeit des Hinzufügens neuer Tools in letzter Zeit abgenommen hat.

Was mich erfreut, ist, dass ich einige dieser Tools im Blog von Herrn Ruan Yifeng eingereicht habe und viele der kleinen Tools seine Empfehlung erhalten haben. Das war eine gro?e Ermutigung für mich.

Einige Tools im Zusammenhang mit detaillierten Prinzipien

Diese Tools sollen Entwicklern helfen, ein tieferes Verst?ndnis einiger grundlegender Konzepte und zugrunde liegender Prinzipien zu erlangen.

IEEE754-Gleitkommakonvertierung

Dieses Tool kann Ihnen helfen, die interne Darstellung von Gleitkommazahlen mit doppelter Genauigkeit im IEEE 754-Standard zu verstehen. Es kann Dezimalzahlen in die entsprechende bin?re Darstellung umwandeln und dabei das Vorzeichenbit, die Exponentenbits und die Mantissenbits deutlich anzeigen. Dies ist sehr hilfreich, um zu verstehen, wie Computer mit Gleitkommazahlen umgehen.

Gem?? dem IEEE754-Standard lautet die Gleitkommakonvertierung für Unendlich: Alle Exponentenbits sind 1, alle Mantissenbits sind 0.

Hier ist die Gleitkommakonvertierung für Infinity:

Gem?? dem IEEE754-Standard ist die Gleitkommakonvertierung für 0: Vorzeichenbit ist 0, alle Exponentenbits sind 0, alle Mantissenbits sind 0.

Hier ist die Gleitkommakonvertierung für 0:

UTF-8-Kodierungskonvertierung

UTF-8 ist eine Zeichenkodierung mit variabler L?nge. Dieses Tool kann Ihnen helfen zu verstehen, wie Unicode-Zeichen in UTF-8 codiert werden. Sie k?nnen jedes Unicode-Zeichen eingeben und das Tool zeigt seine UTF-8-codierte Bin?rdarstellung an, sodass Sie den Codierungsprozess visuell verfolgen k?nnen.

Base64-Kodierungskonvertierung

Base64 ist eine h?ufig verwendete Kodierungsmethode, insbesondere beim Umgang mit Bin?rdaten. Dieses Tool hilft Ihnen nicht nur, die Prinzipien der Base64-Codierung zu verstehen, sondern bietet auch praktische Codierungs- und Decodierungsfunktionen. Dies ist besonders nützlich für Szenarien, in denen Bin?rdaten in einer Textumgebung übertragen werden müssen.

Dateityperkennung

Dieses Tool kann Ihnen helfen zu verstehen, wie Sie Dateitypen mithilfe von File Magic Numbers bestimmen. Sie k?nnen eine Datei hochladen und das Tool liest die Bin?rdaten der Datei und ermittelt den Dateityp anhand der magischen Zahl. Dies ist sehr nützlich, wenn Sie mit unbekannten Dateien arbeiten oder Dateitypen überprüfen.

JPEG wird beispielsweise dadurch identifiziert, dass seine Magic Number FF D8 FF DB ist

Bildbezogen

Bildverarbeitung ist ein wichtiger Aspekt der Webentwicklung. Hier sind einige Tools zur Bildverarbeitung.

Mikrobild

Dies ist ein schnelles Bildkomprimierungstool, mit dem Sie die Gr??e von Bilddateien reduzieren k?nnen, ohne die Bildqualit?t wesentlich zu beeintr?chtigen.

Es unterstützt verschiedene Bildformate und unterliegt keinen Einschr?nkungen hinsichtlich der Dateigr??e oder -menge. Dieses Tool ist besonders hilfreich, um die Ladegeschwindigkeit von Websites zu optimieren.

Am wichtigsten ist, dass es mithilfe von Frontend-Technologien implementiert wird, sodass keine Serverkosten anfallen, sodass Sie sich keine Sorgen über Datenschutzprobleme machen müssen. Die Implementierung ?hnelt Squoosh, beide nutzen WebAssembly.

Micro-Image-Hosting

Dies ist ein pers?nliches Image-Hosting-Tool, mit dem Sie ein GitHub-Repository als Ihren pers?nlichen Image-Host verwenden k?nnen. Es bietet einfache Upload- und Verwaltungsfunktionen, sodass Sie bequem auf Bilder in Artikeln oder Webseiten verweisen k?nnen. Dies ist ein sehr praktisches Tool für Entwickler, die h?ufig Bilder online teilen müssen.

Bildfreigabe

Mit diesem Tool k?nnen Sie schnell Bilder mit Text erstellen, die sich zum Teilen in sozialen Medien oder zum Erstellen einfacher Poster eignen. Es vereinfacht den Prozess der Kombination von Text und Bildern und erm?glicht es Ihnen, attraktive Bilder zu erstellen, ohne komplexe Bildbearbeitungssoftware zu verwenden.

Bildplatzhalter

Dies ist ein Bildplatzhalter-Generator-Tool, mit dem schnell Platzhalterbilder in benutzerdefinierter Gr??e und Farbe erstellt werden k?nnen, die sich sehr gut für die Verwendung w?hrend des Entwicklungsprozesses eignen. Es kann Ihnen helfen, die Integrit?t des Seitenlayouts aufrechtzuerhalten, wenn die tats?chlichen Bilder noch nicht fertig sind.

Kodierung und Verschlüsselung

Bei der Webentwicklung müssen wir uns h?ufig mit verschiedenen Kodierungen und Verschlüsselungen befassen. Hier sind einige verwandte Tools:

URL-Kodierung

Dieses Tool kann Ihnen bei der URL-Kodierung und -Dekodierung helfen, was sehr nützlich für die Verarbeitung von URLs ist, die Sonderzeichen enthalten. Es kann sicherstellen, dass Ihre URLs in verschiedenen Umgebungen korrekt übertragen und analysiert werden.

HTML-Entit?tskodierung

Das Tool zur Kodierung von HTML-Entit?ten kann Ihnen dabei helfen, Sonderzeichen in HTML-Entit?ten umzuwandeln und sicherzustellen, dass sie in HTML korrekt angezeigt werden. Dies ist wichtig, um XSS-Angriffe zu verhindern und die korrekte Darstellung von HTML-Dokumenten sicherzustellen.

Hash-Generator

Dieses Tool kann verschiedene h?ufig verwendete Hash-Werte generieren, darunter MD5, SHA1, SHA256 usw. Es ist sehr nützlich in Szenarien wie der überprüfung der Datenintegrit?t und der Passwortspeicherung.

Farbwerkzeuge

Farbe ist ein wichtiges Element im Webdesign. Hier sind einige farbbezogene Tools:

Farbkonvertierung

Dieses Tool kann zwischen verschiedenen Farbmodellen wie RGB, HSL, CMYK usw. konvertieren. Es kann Designern und Entwicklern dabei helfen, frei zwischen verschiedenen Farbdarstellungsmethoden zu wechseln.

Palettengenerator

Mit diesem Tool k?nnen Sie Farbt?ne und Schattierungen erzeugen, was sich sehr gut zum Erstellen konsistenter Farbthemen eignet. Es erm?glicht Ihnen, schnell harmonische Farbschemata zu erstellen und so die Designeffizienz zu verbessern.

Kontrastverh?ltnis-Rechner

Dieses Tool kann das Kontrastverh?ltnis zwischen zwei Farben berechnen und Ihnen so helfen, die Lesbarkeit von Text auf Hintergründen sicherzustellen. Dies ist sehr wichtig für die Erstellung von Designs, die den Barrierefreiheitsstandards entsprechen.

Abschluss

Auch wenn einige Werkzeuge m?glicherweise nur von mir selbst verwendet werden, ist es dieser kontinuierliche Prozess des Lernens und Schaffens, der mir das Gefühl gibt, erfüllt und glücklich zu sein.

Ich werde diese Tools weiterhin pflegen und verbessern und hei?e jeden willkommen, sie zu nutzen und Feedback zu geben.

Das obige ist der detaillierte Inhalt vonEinige Entwicklertools, die ich erstellt habe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!