Entwickler-NavigationNeu

Das De-facto-Standarddokument der Webplattform verfügt über eine vollständige chinesische Übersetzung und die Kompatibilitätstabelle ist leicht verfügbar.

Googles Leitfaden zu Best Practices und Leistung im Web, die offizielle Quelle von Core Web Vitals.

Prüfen Sie, welche Browser eine bestimmte CSS/JS-Funktion unterstützen. Dies ist ein Muss, bevor Sie kompatiblen Code schreiben.

Dutzende Sprach- und Framework-Dokumente werden in einem Offline-Suchfeld zusammengefasst, was einen extrem schnellen Wechsel ermöglicht.

In welchem Stadium sich die neue JavaScript-Syntax befindet, schauen Sie hier, anstatt Gerüchte zu lesen.

Der lebendige Standardtext von HTML, auf dem das Parserverhalten und die Entitätstabellen basieren.

Standardisieren Sie den Index jedes CSS-Moduls, um die genaue Definition und Wertesyntax von Attributen zu überprüfen.

Der Originaltext von HTTP, TLS, JSON, URI und anderen Protokollen. Informationen zur HTTP-Semantik finden Sie in RFC 9110.

API-Dokumentation nach Version gewechselt, wobei jede Methode mit einer Stabilitätsstufe gekennzeichnet ist.

Das offizielle Handbuch deckt alles ab, vom Einstieg bis zum Typenturnen, und Sie können es ausprobieren, während Sie es mit dem Playground ansehen.

Die im Jahr 2023 neu geschriebene neue Dokumentation konzentriert sich auf Hooks und die chinesische Version ist stark synchronisiert.

Die Qualität offizieller chinesischer Dokumente ist der Maßstab unter den Rahmendokumenten, einschließlich interaktiver Tutorials.

Die Standardbibliotheksreferenz ist vollständig und die chinesische Version wird von der Community kontinuierlich übersetzt.

Das offizielle Einführungsbuch zu Rust, das Eigentumskapitel erklärt es klarer als die meisten Blogs.

Ein Go-Konzept und ein ausführbares Beispiel pro Seite, und Sie können die Grundlagen in einem halben Tag erlernen.

Eine gut kommentierte Codedatei gibt Ihnen einen schnellen Überblick über die Syntax einer Sprache.

Front-End/Back-End/DevOps und andere Lern-Roadmaps, damit Sie wissen, was Sie lernen müssen und in welcher Reihenfolge.

160 Befehle + Optionsliste + Rückwärtssuche nach Ziel + Übungsterminal, alles auf dieser Site.

149 Git-Befehle mit Gefahrenstufen und Diagrammen sowie ein simuliertes Terminal zum Üben.

Die Semantik, Szenarien, Front-End- und Back-End-Verarbeitung und der Missbrauch jedes Statuscodes können auf einer Seite gelesen werden.

Registrierungszentrum für JavaScript-Pakete, Version anzeigen, wöchentliche Downloads und Abhängigkeitsbaum.

Python-Paketindex, siehe Versionsverlauf und unterstützte Python-Versionen.

Java/Kotlin verlässt sich auf Koordinatenabfragen, um Gradle- oder Maven-Snippets direkt zu kopieren.

Ein Rust-Paket-Repository mit automatisch generierter Dokumentation für jede Kiste, die mit docs.rs verknüpft ist.

Das offizielle Image trägt das Docker Official Image-Tag, siehe Tag-Liste und Dockerfile.

Go-Moduldokumentation und -version, der Importpfad ist die Adresse.

PHP Composer-Paket-Repository.

Ruby-Gem-Repository.

.NET Package Repository, siehe Ziel-Framework-Kompatibilität.

Überprüfen Sie den Brew-Paketnamen und die Abhängigkeiten einer bestimmten Software unter macOS/Linux.

Um wie viel erhöht die Installation dieses NPM-Pakets das Verpackungsvolumen? Überprüfen Sie es vor der Installation.

Vergleichen Sie die Download-Volumenkurven mehrerer ähnlicher Pakete. Achten Sie bei der Auswahl eher auf Trends als auf Stars.

Kostenloses CDN für npm- und GitHub-Dateien; jede Datei im Paket direkt per URL einbinden.

Es ist sehr praktisch, direkt über die URL auf jede Datei im npm-Paket zuzugreifen und den Quellcode anzuzeigen.

Das dreiteilige Front-End-Set kann sofort geschrieben und gelesen werden, und Community-Arbeiten sind gute Materialien zum Erlernen von CSS-Animationseffekten.

Das komplette Frontend-Projekt wird online ausgeführt und kann aus einem GitHub-Repository importiert werden, um Fehler zu reproduzieren.

WebContainer ermöglichen die Ausführung von Node-Projekten im Browser und einen schnelleren Start als CodeSandbox.

Die älteste Frontend-Geige, leichtgewichtig und ohne Anmeldung.

Cloud-IDE in Dutzenden von Sprachen, geeignet für Unterricht und kleine Experimente.

Passen Sie den Typ an, zeigen Sie das kompilierte Produkt an, ändern Sie die Kompilierungsoptionen und geben Sie den Link als Code frei.

Kompilieren und führen Sie Rust online aus, und Sie können MIR und Assembly anzeigen.

Gehen Sie zur offiziellen Sandbox, der Standardmethode zum Posten von kopiertem Code in Issues.

Vergleichen Sie C/C++/Rust und andere Quellcodes mit Assembler Zeile für Zeile, um zu sehen, was der Compiler getan hat.

Führen Sie SQL im Browser aus und unterstützen Sie den CSV-Import. Sie müssen keine Datenbank installieren, um SQL zu üben.

Erstellen Sie Tabellen und fügen Sie Abfragen in MySQL/PostgreSQL/SQLite hinzu und teilen Sie Links, um SQL-Probleme zu reproduzieren.

In der offiziellen Sandbox für einzelne Dateikomponenten von Vue können Sie die Kompilierungsausgabe sehen.

Die offizielle Sandbox von Svelte, Tutorials und Beispiele sind allesamt enthalten.

Sehen Sie, wie die neue Syntax in ES5 kompiliert wird.

Regelmäßige Erklärung und Debugging Schritt für Schritt, Unterstützung mehrerer Engine-Dialekte.

JupyterLab (basierend auf WebAssembly) im Browser, keine Installation erforderlich, um die Python-Datenanalyse auszuprobieren.

Aktionen werden in die Warteschlange gestellt und der Push schlägt fehl. Bitte lesen Sie zuerst hier. Sie können RSS abonnieren.

Dem Status der Rechenzentren zufolge ist es das erste, das gelb wird, wenn die Hälfte des Internets ausfällt.

Wenn bei der npm-Installation eine Zeitüberschreitung auftritt, stellen Sie zunächst sicher, dass es sich nicht um einen Fehler im Registrierungscenter handelt.

AWS-Servicestatus in jeder Region, historische Ereignisse können zurückverfolgt werden.

Überprüfen Sie es, wenn die Bereitstellung hängen bleibt und die Edge-Funktion einen Fehler meldet.

Wenn API 429/5xx Spitzenwerte aufweist, überprüfen Sie, ob es sich um ein plattformseitiges Problem handelt.

Wenn Sie sich auf Benutzerberichte verlassen, um festzustellen, ob Mainstream-Dienste ausgefallen sind, erfolgt die Reaktion schneller als auf der offiziellen Statusseite.

Der Gesundheitszustand und historische Ereignisse von Alibaba Cloud-Produkten in verschiedenen Regionen.

Gadget auf dieser Website: Senden Sie Anfragen an eine Reihe von Adressen und überprüfen Sie die Statuscodes und die benötigte Zeit, um zu überprüfen, ob ein Problem mit Ihrem eigenen Netzwerk vorliegt.

Zeilen- und spaltengenaue Formatierung, Komprimierung, Überprüfung, De-Escape-Funktion und Fehlerberichterstattung.

Sechs-Wege-Konvertierung von JSON/YAML/XML/CSV.

Übereinstimmungshervorhebung, Erfassungsgruppen, Ersetzungsvorschau und häufig verwendete Schnellprüfungen.

Header/Payload wird lokal dekodiert, die Ablaufzeit wird benutzerfreundlich angezeigt und der Token verlässt den Browser nicht.

Bidirektionaler Text und Datei, unterstützt URL-sichere Varianten.

MD5 / SHA-Serie / HMAC, Dateiüberprüfung ist ebenfalls verfügbar.

Unix-Zeitstempel- und Datumsumwandlung, mehrere Zeitzonen.

Übersetzen Sie ins Chinesische und sehen Sie sich die nächsten 10 Ausführungszeiten in der Vorschau an.

Tabellarische Bearbeitung von Kodierungs-, Dekodierungs- und Abfrageparametern.

HEX/RGB/HSL-Konvertierung, Farbstufen und Kontrastprüfung.

JS/CSS/HTML/SQL-Formatierung.

HTML-Entitäten, JSON-Strings, Unicode-Escape und gegenseitige Konvertierung.

CIDR zählt Netzwerk-, Broadcast- und Hostbereiche und teilt Subnetze nach Bedarf auf.

Überprüfen Sie die Berechtigungen, um 755/644 und das Schreiben von Symbolen zu erhalten.

Verwandeln Sie einen Docker-Lauf in compose.yaml.

Eine Liste von JWT-Debuggern und verschiedenen Sprachbibliotheken, die von Auth0 verwaltet werden; Es wird empfohlen, die Offline-Version dieser Website zu verwenden, um sensible Token zu entschlüsseln.

Cron-Ausdruck-Englisch-Dolmetscher mit reichhaltigen Beispielen.

Fügen Sie einen komplexen Shell-Befehl ein und erklären Sie jeden Parameter anhand der Manpage.

Die statische Inspektion von Shell-Skripten kann die klassischen Fallstricke von Anführungszeichen und Variablenerweiterungen erkennen.

Verwandeln Sie Codeschnipsel in wunderschöne Bilder für die Verwendung in sozialen Medien.

Das von Raycast erstellte Code-Screenshot-Tool hat einen moderneren Stil.

Handgezeichnetes Whiteboard-Zeichnungsarchitekturdiagramm, lokaler Speicher, kann in SVG/PNG exportiert werden.

Verwenden Sie Text zum Schreiben von Flussdiagrammen/Sequenzdiagrammen/Klassendiagrammen, und diese können auch in Markdown gerendert werden.

JSON in TS-Typ, SVG in JSX, CSS in Tailwind und Dutzende weitere Konvertierungen.

Generieren Sie Typdefinitionen in mehreren Sprachen aus JSON-Beispielen.

Googles browserseitige Bildkomprimierung, Format-für-Format-Vergleich; Die Bildkomprimierung auf dieser Website kann stapelweise erfolgen.

Überprüfen Sie die Statuscodes und Weiterleitungsketten einer Reihe von URLs stapelweise.

Die Feather-Community besteht weiterhin aus über 1500 linearen Symbolen und vollständigen React/Vue-Paketen (diese Website verwendet sie).

Produziert vom Tailwind-Team, gibt es zwei Sätze von Solid/Linear mit einem klaren Stil.

Über 5000 Icons, eines der umfangreichsten kostenlosen linearen Icon-Sets.

Suchen Sie mit der Iconify-basierten Symbolsuche in Dutzenden von Symbolsätzen nach einem Wort.

Über 3000 SVGs mit Markenlogos und Markenfarben, unerlässlich für die Erstellung von Symbolen für die „Anmeldemethode“.

Die älteste Icon-Schriftart, kostenlose Version 2000+, Pro kostenpflichtig.

Kostenlose Open-Source-Schriftartenbibliothek; für stabile Verfügbarkeit selbst über Fontsource hosten.

Machen Sie Google Fonts zu einem selbst gehosteten npm-Paket, ohne auf ein CDN eines Drittanbieters angewiesen zu sein.

Ein datenschutzfreundliches Bild von Google Fonts, API-kompatibel, ändern Sie einfach den Domainnamen.

Verwenden Sie die Leertaste, um zufällig Farben zu generieren, sperren Sie die gewünschte Farbe und malen Sie dann.

Wenden Sie die Farbanpassung direkt auf eine Beispielseite an, um den Effekt zu sehen und ein schlechtes Aussehen auf dem Papier zu vermeiden.

Geben Sie einen Farbwert ein, um eine Farbskala im Tailwind-Stil von 50–950 zu erstellen.

Ein 12-stufiges Farbskalensystem, das auf Barrierefreiheit ausgelegt ist, mit paarweisen Hell- und Dunkelmodi.

Ob der Vordergrund-/Hintergrundkontrast WCAG AA/AAA erreicht.

Badge-Generator in README, Version, Downloads, CI-Status.

Diese Seite: Generieren Sie einen vollständigen Satz von Favicon- und Manifest-Symbolen aus einem Bild.

Der umfassendste API-Client, ideal für die Teamzusammenarbeit, aber zunehmend umfangreich und erfordert eine Anmeldung.

Open Source, ein Ersatz für Postman, der schnell und ohne Anmeldung direkt im Browser verwendet werden kann.

Als Offline-First-Open-Source-API-Client wird die Sammlung als Textdatei gespeichert und kann in Git eingegeben werden.

Es wurde von Kong produziert und bietet gute Unterstützung für GraphQL und gRPC.

Echo-Dienst anfordern: Testen Sie, wie der von Ihrem Client gesendete Header und Text aussehen.

Gefälschte REST-API (Beiträge, Benutzer, Kommentare), die beim Schreiben einer Front-End-Demo als Backend verwendet wird.

Geben Sie eine temporäre URL an, um jede Anfrage zu empfangen und sie in Echtzeit anzuzeigen, um Rückrufartefakte zu debuggen.

Stellen Sie den lokalen Port als öffentliche HTTPS-Adresse bereit, die für das lokale Debuggen von WeChat-/Zahlungsrückrufen erforderlich ist.

Kostenlose Tunneling mit Ihrem eigenen Domainnamen, weniger Einschränkungen als die kostenlose Version von ngrok.

Machen Sie den Server auf dem Desktop nach und erstellen Sie in wenigen Minuten eine gefälschte Schnittstelle für das gemeinsame Front-End-Debugging.

Anfragen abfangen und Mocks im Browser/Knoten erstellen. Test und Entwicklung verwenden denselben Handler.

Schreiben Sie eine OpenAPI-Dokumentation und zeigen Sie eine Vorschau an und generieren Sie Client-Code in Echtzeit.

Senden Sie HTTP-Anfragen online und generieren Sie Codes in verschiedenen Sprachen, ohne einen Client zu installieren.

All-in-One-API-Plattform (Design, Debugging, Mock, Dokumentation); der kostenlose Team-Tarif reicht aus.

Das Zentrum der Open-Source-Welt; hier leben die meisten Projekte, Issues und Actions.

Wird mit einem vollständigen Satz von CI/CD und DevOps geliefert und kann selbst gehostet werden.

Ein selbst gehosteter Git-Dienst, der mit nur einer Binärdatei ausgeführt werden kann und leicht genug ist, um auf einen Raspberry Pi zu passen.

Geben Sie den Namen der Sprache/des Frameworks/Editors ein und generieren Sie die zusammengeführte .gitignore-Datei.

Wie wählt man eine Open-Source-Lizenz aus? Eine einseitige Tabelle erläutert die Unterschiede zwischen MIT / Apache / GPL.

feat: /fix: /chore: Die offizielle Beschreibung der Commit-Nachrichtenspezifikationen.

Bei der Spezifikation der semantischen Versionsnummer der chinesischen Version ist das Verhalten von ^ und ~ maßgebend.

Konvention zum Schreiben von CHANGELOG.

Öffnen Sie PR, lesen Sie Probleme und führen Sie Aktionen im Terminal aus, ohne zum Browser wechseln zu müssen.

Manpages und chinesische Pro-Git-Version, die ultimative Erklärung jedes Befehls.

Suchen Sie direkt nach Fehlerinformationen. Die meisten Fragen wurden vor zehn Jahren beantwortet.

Eine englischsprachige Entwickler-Blog-Plattform mit freundlicher Atmosphäre.

In den täglichen Schlagzeilen in der Fachwelt ist der Kommentarbereich oft informativer als der Haupttext.

Völlig kostenlose Programmierkurse und Zertifizierungen, komplett auf Chinesisch.

Kostenlose Übungen in mehr als 70 Sprachen mit Kommentaren von menschlichen Tutoren.

Lösen Sie „Kata“, um Ihren Rang zu verbessern und Erkenntnisse zu gewinnen, indem Sie sich die besten Lösungen anderer Leute ansehen.

Geben Sie Ihnen den Designentwurf, um ein echtes Frontend im Projektstil zu implementieren und zu üben.

Hunderte kurze JS-/CSS-/Python-Codefragmente, kopieren und verwenden.

Entwurfsmuster werden mit ausführlichen Illustrationen und mehrsprachigen Beispielen illustriert und eine chinesische Version ist verfügbar.

Eine Sammlung von Design-/Rendering-/Leistungsmustern für moderne Webanwendungen.

In der Programmierer-Themen-Community gibt es auch außerhalb der Technologie viele Diskussionen über den Arbeitsplatz und die Hardware.

Auf der Seite mit Einführungs-Tutorials für Chinesisch reicht ein kurzer Grammatiktest aus, aber Sie müssen die offizielle Dokumentation ausführlich lesen.

Wöchentliche Technologie-Wochen- und ES6/Bash-Tutorials, eine Vorlage für chinesisches technisches Schreiben.

Führen Sie Lighthouse aus und geben Sie Core Web Vitals-Daten von echten Benutzern an.

Wählen Sie die Region, das Gerät und die Netzwerkbedingungen aus, um das Wasserfalldiagramm zu laden, das der Realität näher kommt als Lighthouse.

Bewerten Sie die TLS-Konfiguration Ihrer Site, um schwache Verschlüsselungssammlungen und Probleme mit der Zertifikatskette zu identifizieren.

Überprüfen Sie Sicherheitsantwortheader wie CSP, HSTS, X-Frame-Options usw.

Mozillas Website-Sicherheitsbewertung mit Korrekturempfehlungen.

Fügen Sie die CSP-Richtlinie ein, um anzugeben, welche Anweisungen nutzlos sind.

Packen Sie online einen Importabschnitt und überprüfen Sie das komprimierte Volumen, was flexibler ist als Bundlephobia.

Wie man das Leistungsfenster und den Speicher-Snapshot liest, ist das offizielle Tutorial am systematischsten.

Welches CSS kann in HTML-E-Mails verwendet werden, unterstützt von jedem Client.

Die DNS-Auflösung erfolgt an vielen Orten auf der Welt. Ändern Sie die Datensätze, um zu sehen, wo sie verteilt sind.

Die zehn größten Risiken der Web-Sicherheit, der Ausgangspunkt für die Selbstprüfung der Sicherheit.

Diese Website: nativer Browser, Bildschirm, WebGL und über 30 Fähigkeitstests, Kopierbericht mit einem Klick zum Testen.