Čistenie pomenovaní je jednou z tých malých prác, ktoré sa objavujú na mnohých rôznych miestach. Názov produktu sa musí zmeniť na adresu URL slug. Hlavička tabuľky sa musí stať názvom vlastnosti. Token CSS potrebuje predvídateľný identifikátor. Poznámka zo súboru dizajnu sa musí stať niečím, čo môže vývojár vložiť do kódu bez prepisovania každého slova ručne.
Najťažšou časťou je nepochopenie toho, čo znamená camelCase, snake_case, kebab-case alebo PascalCase. Najťažšou časťou je konzistentné uplatňovanie rovnakého pravidla, keď má zdrojový text medzery, interpunkciu, veľké písmená a zmiešané oddeľovače. Tu pomáha zameraný pracovný postup Prípad / Slug / Únik. Prilepte zdrojový text raz, skontrolujte varianty prípadu a skopírujte výstup, ktorý vyhovuje ďalšiemu systému.
Prečo je konverzia prípadu dôležitá v skutočnej práci
Konverzia prípadu sa nachádza medzi písaním a implementáciou. Fráza priateľská k ľuďom zvyčajne nie je názov vhodný pre stroje.
Predstavte si vlajku funkcie s názvom „Nový banner pokladne“. Poznámka k produktu používa veľké písmená. Kód môže vyžadovať newCheckoutBanner. Konfiguračný súbor môže očakávať new_checkout_banner. Segment trasy alebo trieda CSS môžu preferovať new-checkout-banner. Rovnaká myšlienka prechádza niekoľkými systémami a každé manuálne prepísanie je malou príležitosťou na posun.
Rovnaký problém sa prejavuje pri operáciách s obsahom. Nadpis sa zmení na slug. Názov kampane sa stane kľúčom sledovania. Štítok podpory sa stáva interným identifikátorom. Ak každý prepíše meno inak, práca sa bude ťažšie hľadať, porovnávať a udržiavať.
Ako previesť text do bežných formátov veľkých písmen
Najrýchlejším pracovným postupom je udržať zdrojovú frázu viditeľnú a generovať pravdepodobné výstupy vedľa seba.
- Otvorte nástroj Case / Slug / Escape.
- Prilepte frázu, štítok, názov alebo identifikátor, ktorý potrebujete normalizovať.
- Porovnajte vygenerované výstupy
camelCase,PascalCase,snake_caseakebab-case. - Skopírujte formulár, ktorý zodpovedá cieľovému systému.
- Majte zdrojovú frázu v blízkosti, ak by niekto neskôr potreboval potvrdiť meno čitateľné pre ľudí.
Je to lepšie ako ručná úprava oddeľovačov, pretože pravidlo sa použije raz. Nehádate, či má slovo zostať veľké, alebo či sa má interpunkčné znamienko stať oddeľovačom. Premieňate frázu na predvídateľné výstupy.
Ktoré puzdro by ste mali použiť?
Rôzne štýly prípadu sa zvyčajne mapujú na rôzne miesta určenia.
| Formátovať | Bežné používanie | Praktický dôvod |
|---|---|---|
camelCase | JavaScript premenné, kľúče objektov, názvy stavov používateľského rozhrania | Kompaktné a bežné v kóde frontendu |
PascalCase | Názvy komponentov, názvy tried, exportované typy | Umožňuje jednoduché skenovanie jednotiek pomenovaného kódu |
snake_case | Dátové polia, hlavičky odvodené z CSV, niektoré rozhrania API | Číre oddeľovače so stabilitou malých písmen |
kebab-case | URL slugs, segmenty trasy, štítky podobné CSS | Čitateľné v cestičkách a kontextoch s pomlčkou |
Dôležitou súčasťou nie je považovať jeden štýl za univerzálne správny. Správny výstup je ten, ktorý sa hodí na miesto, kam text smeruje ďalej.
Použite rovnaký prístup pre slugs a únik
Čistenie prípadu sa často zobrazuje vedľa iného čistenia textu. Keď sa názov zmení na kebab-case, možno bude potrebné, aby sa stal aj čistou adresou URL slug. Keď sa útržok stane identifikátorom, súvisiaca hodnota môže potrebovať kódovanie adresy URL, kódu HTML alebo JSON, aby sa dala bezpečne prilepiť inam.
To je dôvod, prečo Converty zachováva veľkosť písmen, slug a výstupy escape spolu. Nástroj sa nesnaží stať redakčným systémom alebo editorom kódu. Je to krátky operačný krok na premenu hrubého textu do tvarov, ktoré očakáva publikovanie, smerovanie a implementácia.
Ak chcete získať širší pracovný postup spustenia, ktorý kombinuje slugs s prípravou Markdown a favicon, prečítajte si článok Ako môžu tímy pre obsah pripraviť Slugs, Markdown a Favicons na nové spustenie. Ak sa ďalšia otázka týka skôr kódovania ako pomenovania, pokračujte v časti Kedy použiť kódovanie adresy URL, kódovanie HTML a kódovanie JSON.
Otvorte nástroj Case / Slug / Escape, keď nasledujúca úloha mení hrubú frázu na predvídateľný identifikátor, slug alebo reťazec s escapovaním.
