Cheatsheet per dev — HTTP, MIME, key code e regex

Cos'è Cheatsheet per dev — HTTP, MIME, key code e regex?

Cheatsheet per dev è un riferimento rapido gratuito che funziona nel browser e raccoglie quattro tabelle di consultazione per sviluppatori in un unico widget con ricerca. Sviluppatori front-end e back-end, ingegneri QA e studenti vi ricorrono quando devono ricordare cosa significa 422, il tipo MIME di un'immagine .webp, il valore key che una freccia genera o una regex per validare un'e-mail. La scheda HTTP elenca i codici di stato 2xx, 3xx, 4xx e 5xx più comuni con la loro frase di motivazione ufficiale; la scheda MIME associa le estensioni dei file ai valori Content-Type; la scheda Key code mostra le stringhe KeyboardEvent.key di JavaScript come Enter, Escape e ArrowUp; e la scheda Regex raccoglie pattern pronti da incollare con una breve nota per ciascuno. La casella di ricerca filtra la scheda attiva all'istante, il contatore dei risultati indica quante voci corrispondono e ogni riga offre un pulsante di copia. La casella di output serializza le righe filtrate così puoi passarle a un altro strumento. Poiché il widget viene reso solo con JavaScript, questo testo è la descrizione indicizzabile: un riferimento dei codici di stato HTTP, una tabella dei tipi MIME, un elenco di key code di JavaScript e una cheatsheet di regex, tutto lato client.

Come usare Cheatsheet per dev — HTTP, MIME, key code e regex

1. Scegli una scheda: stato HTTP, tipi MIME, Key code o Regex.
2. Digita nella casella di ricerca per filtrare la scheda attiva per codice, nome o pattern.
3. Scorri le righe e leggi il contatore dei risultati per vedere quante corrispondono.
4. Fai clic su Copy in una riga per copiarne il valore (nome, tipo MIME, tasto o pattern).
5. Usa il pulsante Copy della casella di output per prendere tutte le voci filtrate in una volta.

Esempi

Ricerca: 429

429  Too Many Requests

Ricerca: webp

.webp  image/webp

Scheda: Regex, Ricerca: email

^[^\s@]+@[^\s@]+\.[^\s@]+$

Domande frequenti

Quali codici di stato HTTP sono inclusi?

I più comuni di tutte le classi: successo 2xx (200, 201, 204), reindirizzamenti 3xx (301, 302, 304, 307, 308), errori client 4xx (400, 401, 403, 404, 405, 409, 410, 418, 422, 429) ed errori server 5xx (500, 501, 502, 503, 504), ciascuno mostrato con la sua frase di motivazione standard.

Qual è la differenza tra il valore del tasto e il key code?

Questo strumento elenca la stringa moderna KeyboardEvent.key, ovvero il valore comprensibile di un tasto — ad esempio Enter, Escape o ArrowUp. La barra spaziatrice riporta un singolo carattere di spazio, qui mostrato con il simbolo ␣. La stringa key è ciò che confronti nei gestori di eventi, come event.key === 'Enter'.

Posso usare questi pattern regex direttamente?

Sì. Ogni pattern è scritto nella sintassi standard delle espressioni regolari di JavaScript, pronto da incollare in new RegExp('...') o tra le barre. Sono punti di partenza pratici — ad esempio un semplice controllo di e-mail o URL — non validatori esaustivi, quindi verificali in base ai tuoi requisiti esatti.

Come funziona la ricerca?

La ricerca filtra solo la scheda attiva e trova corrispondenze ovunque in una riga: il codice, il nome, il tipo MIME, il tasto, il titolo della regex o il pattern stesso. Non distingue maiuscole e minuscole, quindi digitare 'JSON', 'not found' o '404' restringe subito l'elenco e il contatore dei risultati si aggiorna in tempo reale.

Viene inviato qualcosa a un server?

No. Ogni tabella è un elenco statico integrato nello strumento, e tutto il filtraggio e la copia avvengono interamente nel tuo browser. Nulla di ciò che cerchi viene caricato, registrato o inviato da nessuna parte, quindi la cheatsheet funziona offline una volta caricata.