Чистењето со именување е една од оние мали работи што се појавуваат на многу различни места. Името на производот треба да стане URL slug. Заглавието на табела треба да стане име на имот. На CSS токен му треба предвидлив идентификатор. Забелешка од дизајнерска датотека треба да стане нешто што развивачот може да го залепи во код без да го препишува секој збор рачно.
Тешкиот дел е да не разберете што значи camelCase, snake_case, kebab-case или PascalCase. Тешкиот дел е постојаното применување на истото правило кога изворниот текст има празни места, интерпункциски знаци, големи букви и мешани разделувачи. Тоа е местото каде што помага фокусираниот работен тек Case / {Slug / Escape. Залепете го изворниот текст еднаш, прегледајте ги варијантите на буквите заедно и копирајте го излезот што одговара на следниот систем.
Зошто конверзијата на случаи е важна во вистинска работа
Конверзија на случај се наоѓа помеѓу пишувањето и имплементацијата. Фразата погодна за луѓето обично не е име погодно за машината.
Замислете знаме на функција наречено „Нов банер за наплата“. Белешката за производот користи насловна буква. Кодот можеби ќе треба newCheckoutBanner. Конфигурациската датотека може да очекува new_checkout_banner. Сегмент од маршрута или класа CSS може да претпочитаат new-checkout-banner. Истата идеја патува низ неколку системи, а секое рачно препишување е мала можност за дрифт.
Истиот проблем се појавува и во операциите со содржина. Насловот станува slug. Името на кампањата станува клуч за следење. Етикетата за поддршка станува внатрешен идентификатор. Ако секој човек различно го препишува името, работата станува потешка за пребарување, споредба и одржување.
Како да конвертирате текст во обични формати на случај
Најбрзиот работен тек е да се задржи изворната фраза видлива и да се генерираат веројатните резултати рамо до рамо.
- Отворете ја алатката Case / Slug / Escape.
- Залепете ја фразата, етикетата, насловот или идентификаторот што треба да ги нормализирате.
- Споредете ги генерираните излези
camelCase,PascalCase,snake_caseиkebab-case. - Копирајте го формуларот што одговара на системот за одредиште.
- Чувајте ја изворната фраза во близина ако некој треба подоцна да го потврди името што може да се чита од луѓе.
Ова е подобро од рачно уредување на сепаратори бидејќи правилото се применува еднаш. Не погодувате дали зборот треба да остане со голема буква или дали интерпункцискиот знак треба да стане сепаратор. Ја претворате фразата во предвидливи резултати.
Која футрола треба да ја користите?
Различни стилови на случаи обично се мапираат на различни дестинации.
| Формат | Заедничка употреба | Практична причина |
|---|---|---|
camelCase | JavaScript променливи, копчиња на објекти, имиња на состојби на UI | Компактен и вообичаен во предниот код |
PascalCase | Имиња на компоненти, имиња на класи, извезени типови | Одржува лесни за скенирање на именуваните кодни единици |
snake_case | Полиња со податоци, заглавија добиени од CSV, некои API | Јасни сепаратори со стабилност на мали букви |
kebab-case | URL slugs, сегменти на маршрута, етикети слични на CSS | Може да се чита во патеки и контексти со цртички |
Важниот дел е да не се третира еден стил како универзално исправен. Вистинскиот излез е оној што одговара на местото каде што текстот оди понатаму.
Користете ја истата пропусница за slugs и бегство
Чистењето на случајот често се појавува веднаш до друго чистење на текст. Откако насловот ќе стане kebab-case, можеби ќе треба да стане и чиста URL slug. Откако фрагментот ќе стане идентификатор, на поврзаната вредност можеби ќе треба да избега URL, HTML или JSON пред да може безбедно да се залепи на друго место.
Тоа е причината зошто Converty ги задржува излезите со букви, slug и бегство заедно. Алатката не се обидува да стане систем за управување со содржина или уредувач на код. Тоа е краток оперативен чекор за претворање на груб текст во форми што ги очекува објавувањето, рутирањето и имплементацијата.
За поширок работен тек на стартување што комбинира slugs со подготовка за Markdown и favicon, прочитајте Како тимовите за содржина можат да се подготвуваат Slugs, Markdown и Favicons за ново лансирање. Ако следното прашање е за кодирање наместо за именување, продолжете со When to Use URL Encoding, HTML Escaping и JSON Ecaping.
Отворете ја алатката Случај / Slug / Бегство кога следната задача е претворање на груба фраза во предвидлив идентификатор, slug или низа со бегство.
