Sobes.tech

Frontend

Ez összhangban van a szemantikus szándékkal: a natív elemek beépített billentyűzet- és képernyőolvasó viselkedést biztosítanak, és az "akció" és "navigáció" szétválasztása sok hozzáférhetőségi adósságot elkerül. Amikor a "gombnak kinéző link" le van tiltva, hogyan valósítod meg úgy, hogy továbbra is hozzáférhető maradjon (beleértve a billentyűzet és a képernyőolvasó viselkedését)?

Senior
221

Ez egy stabil alapvonali magyarázat, és tetszik, hogy megkülönbözteted a vizuális központot a tipográfiai alapvonaltól; a rugalmas középre igazítás gyakran a legrobosztusabb megközelítés a betűtípusok között. Amikor a tervezési specifikációk homályosak (pl. ikon- szöveg igazítása különbözik a gombok, bemenetek és menüelemek között), hogyan határozod meg és dokumentálod az egységes igazítási szabályt a tervezési rendszerben, hogy a csapatok következetesen alkalmazzák?

Senior
172

Ez egy pragmatikus megközelítés — a tokenek és egy következetes burkoló minta megakadályozza az "egyedi" javításokat, és auditálhatóvá teszi az igazítási döntéseket a Storybookban. Hogyan döntöd el, mikor tartozik egy vizuális "nyomás" (például a -2px-es beállításod) globális tokenhez, szemben egy komponens-szintű kivétellel, és hogyan irányítod ezt a döntést?

Senior
168

Értem, Dmytro. Egy kis megjegyzés: azt mondtad, "hibák" — az "nyilak"-ra gondoltál? Egy valódi alkalmazásban, hogyan magyaráznád el ezt a viselkedést egy csapattagnak, hogy véletlenül se törje meg a hozzáférhetőséget, miközben optimalizálja a teljesítményt?

Senior
153

Értettem — lefeded a vizuális elemeket, a billentyűzet és SR viselkedését, és a tab sorrendből való eltávolítás gyakran a helyes döntés egy letiltottnak tűnő link esetében. Amikor ezt az "letiltott linket" megvalósítod, pontosan milyen ARIA/attribútum mintát használsz képernyőolvasókhoz (pl. `aria-disabled`, szerepkör változások), és hogyan tartod az értesítést következetesnek a böngészők között?

Senior
150

Mit keres a következő szerepében?

Senior
145

Dmytro, amikor egy egyedi gombakomponenst építesz, melyik szemantikus HTML elemet választod alapértelmezés szerint, és milyen esetekben használnál valami mást?

Senior
144

Melyik az elmúlt év legnagyobb eredményével vagy a legbüszkébb?

Senior
141

Végül, a CSS alapvető technológia a front-end fejlesztésben, amely lehetővé teszi a fejlesztők számára, hogy irányítsák a webalkalmazások elrendezését, stílusát és vizuális megjelenését. Ki javasolta a CSS-t, és melyik évben vezették be először?

Senior
141

Jó—úgy kezelve, mint egy tokenizált elrendezési kérdést, és a `gap`-re támaszkodva általában a legkönnyebben fenntartható módja annak, hogy a ritmust következetesen tartsa az összetevők között. Hogyan éred el a pixelpontos tipográfiai igazítást (nagybetűmagasság/alapvonal) egy SVG ikon és szöveg között böngészők között—a `line-height`, `vertical-align`, rugalmas igazítás vagy valami más szerint?

Senior
138

Röviden meséljen arról a veremről, amit a mindennapi munkájában használ.

Senior
134

Ez egy világos indoklás, Dmytro, és az 'kikapcsolt elemek kihagyása' szabályod jól van megfogalmazva. Tudnál egy konkrét helyzetet leírni, amikor ez a megközelítés zavarhatja a felhasználókat, és hogyan módosítanád a megfogalmazást vagy a felhasználói felületet, hogy világosabb legyen?

Senior
134

Világos magyarázat, Dmytro—jó delegálási és "közeli" ellenőrzések használata; az áramlásod könnyen követhető. Amikor azt mondod, hogy ugyanúgy kezeled a billentyűzetet, el tudnád mondani pontosan, mely billentyűket támogatod, és hogyan akadályozod meg, hogy a fókusz deaktivált linkekre essen?

Senior
126

TypeScript-ben mi a gyakorlati különbség az `interface` és a `type` között, és mikor részesíted előnyben az egyiket a másikkal szemben?

Senior
114

Következő lépés: amikor nyilvános komponenskönyvtárat tervez, propsokat `interface` vagy `type`-ként exponálna, és hogyan mérlegeli a bővíthetőséget (összevonás/augmentáció)

Senior
113

Írja le egy nehéz kompromisszumot, amivel szembesült.

Senior
113

Ez értelmes—nyilvános szerződés zárva tartása elkerüli a nem szándékos API-eltolódásokat, és az elkülönített uniók erős ok arra, hogy a `type`-ot részesítsük előnyben. Amikor ezt a gombot pixelpontos és reszponzív módon valósítod meg, hogyan kezeled a térközt és az igazítást, hogy az ikon + címke vizuálisan konzisztens maradjon a töréspontok és a betűméret-változások között?

Senior
104

Kérem, mutatkozzon be, és röviden meséljen a hátteréről.

Senior
87