A névadás tisztítása egyike azoknak a kis munkáknak, amelyek sok helyen megjelennek. A terméknévnek slug URL-címmé kell válnia. A táblázatfejlécnek tulajdonságnévvé kell válnia. A CSS-tokennek kiszámítható azonosítóra van szüksége. A tervfájlból származó megjegyzésnek olyasmivé kell válnia, amelyet a fejlesztő beilleszthet a kódba anélkül, hogy minden szót kézzel átírna.
A nehéz rész az, hogy nem érted, mit jelent a camelCase, snake_case, kebab-case vagy PascalCase. A kemény rész ugyanazt a szabályt következetesen alkalmazni, amikor a forrásszöveg szóközöket, írásjeleket, nagybetűket és vegyes elválasztókat tartalmaz. Ebben segít egy fókuszált Case / Slug / Escape munkafolyamat. Illessze be egyszer a forrásszöveget, tekintse át együtt az esetváltozatokat, és másolja ki a következő rendszerhez illő kimenetet.
Miért számít az esetkonverzió a valós munkában?
Az esetkonverzió az írás és a megvalósítás között helyezkedik el. Az emberbarát kifejezés általában nem a gépbarát név.
Képzeljen el egy „Új Checkout Banner” nevű funkciójelzőt. A termékleírás kis- és nagybetűket használ. Előfordulhat, hogy a kódhoz newCheckoutBanner kell. Egy konfigurációs fájl várhatóan new_checkout_banner. Egy útvonalszakasz vagy CSS-osztály előnyben részesítheti a new-checkout-banner elemet. Ugyanaz az ötlet több rendszeren is átjár, és minden kézi átírás egy kis lehetőség a sodródásra.
Ugyanez a probléma jelentkezik a tartalomműveleteknél is. A címsorból slug lesz. A kampánynév nyomkövetési kulcs lesz. A támogatási címke belső azonosítóvá válik. Ha mindenki máshogy írja át a nevet, a munka nehezebb lesz keresni, összehasonlítani és karbantartani.
Szöveg konvertálása gyakori esetformátumokká
A leggyorsabb munkafolyamat az, ha láthatóvá válik a forráskifejezés, és egymás mellett generálja a valószínű kimeneteket.
- Nyissa meg a Case / Slug / Escape eszközt.
- Illessze be a normalizálni kívánt kifejezést, címkét, címet vagy azonosítót.
- Hasonlítsa össze a generált
camelCase,PascalCase,snake_caseéskebab-casekimeneteket. - Másolja ki a célrendszernek megfelelő űrlapot.
- Tartsa a forráskifejezést a közelben, ha valakinek később meg kell erősítenie az ember által olvasható nevet.
Ez jobb, mint az elválasztók kézi szerkesztése, mert a szabály egyszer kerül alkalmazásra. Nem találgatja, hogy a szónak nagybetűsnek kell-e maradnia, vagy az írásjelnek elválasztóvá kell-e válnia. Egy kifejezést kiszámítható kimenetekké alakít.
Melyik tokot használja?
A különböző esetstílusok általában különböző rendeltetési helyekhez kapcsolódnak.
| Formátum | Közös használat | Gyakorlati ok |
|---|---|---|
camelCase | JavaScript-változók, objektumkulcsok, UI állapotnevek | Kompakt és gyakori a frontend kódban |
PascalCase | Komponensnevek, osztálynevek, exportált típusok | A megnevezett kódegységek könnyen beolvashatók |
snake_case | Adatmezők, CSV-ből származó fejlécek, egyes API-k | Átlátszó elválasztók kisbetűs stabilitással |
kebab-case | URL slugs, útvonalszakaszok, CSS-szerű címkék | Elolvasható elérési utakban és kötőjeles összefüggésekben |
A lényeg az, hogy egy stílust ne kezeljünk általánosan helyesnek. A megfelelő kimenet az, amelyik illeszkedik arra a helyre, ahol a szöveg következik.
Használja ugyanazt a jelet a slugs és a kilépéshez
Az esetek törlése gyakran megjelenik más szövegtisztítás mellett. Miután egy címből kebab-case lesz, előfordulhat, hogy tiszta URL-címmé is kell válnia slug. Miután egy kódrészlet azonosítóvá válik, előfordulhat, hogy a kapcsolódó értéknek URL-t, HTML-t vagy JSON-kódot kell megadnia, mielőtt biztonságosan beilleszthető máshova.
Ezért a Converty együtt tartja a kis- és nagybetű-, slug- és az escape-kimeneteket. Az eszköz nem próbál tartalomkezelő rendszerré vagy kódszerkesztővé válni. Ez egy rövid műveleti lépés a durva szövegek olyan formákká alakításához, amelyeket a közzététel, az útválasztás és a megvalósítás elvár.
A slugs-t a Markdown-nal és a favicon-előkészítéssel kombináló szélesebb körű indítási munkafolyamathoz olvassa el a How Content Teams Can Prep Slugs, Markdown and Favicons for a New Launch című részt. Ha a következő kérdés a kódolással, nem pedig az elnevezéssel kapcsolatos, folytassa a When to Use URL Encoding, HTML Escaping és JSON Escaping ponttal.
Nyissa meg a Case / Slug / Escape eszközt, amikor a következő feladat egy durva kifejezést kiszámítható azonosítóvá, slug-vé vagy megtisztított karakterláncsá alakít.
