Sobes.tech

Frontend

To jest zgodne z zamysłem semantycznym: elementy natywne zapewniają wbudowane zachowanie klawiatury i czytnika ekranu, a oddzielenie "akcji" od "nawigacji" unika dużego zadłużenia w zakresie dostępności. Gdy Twój "link wyglądający jak przycisk" jest wyłączony, jak to implementujesz, aby pozostało dostępne (w tym zachowanie klawiatury i czytnika ekranu)?

Senior
219

To pragmatyczne podejście — tokeny plus spójny wzorzec opakowania zapobiegają "jednorazowym" poprawkom i umożliwiają audytowalne decyzje dotyczące wyrównania w Storybook. Jak decydujesz, kiedy wizualny "pchnięcie" (takie jak Twoja korekta -2px) należy do globalnego tokena, a kiedy do wyjątku o zakresie komponentu, i jak nadzorujesz tę decyzję?

Senior
166

To jest solidne wyjaśnienie oparte na linii bazowej, i podoba mi się, że rozróżniasz centrum wizualne od linii bazowej typograficznej; centrowanie elastyczne jest często najbardziej niezawodnym podejściem między fontami. Gdy specyfikacje projektowe są niejasne (np. wyrównanie ikona-do-tekstu różni się w przyciskach, polach wejściowych i elementach menu), jak definiujesz i dokumentujesz pojedynczą zasadę wyrównania w systemie projektowania, aby zespoły wdrażały ją spójnie?

Senior
161

Zrozumiano, Dmytro. Mała uwaga: powiedziałeś "błędy" — czy miałeś na myśli "strzałki"? W prawdziwej aplikacji, jak wyjaśniłbyś to zachowanie współpracownikowi, aby nie naruszył przypadkowo dostępności podczas optymalizacji wydajności?

Senior
151

Zrozumiano — obejmujesz wizualizacje oraz zachowanie klawiatury i SR, a usunięcie go z kolejności tabulacji jest często właściwym rozwiązaniem dla linku przypominającego wyłączony. Gdy implementujesz ten "wyłączony link", jaki dokładny wzorzec ARIA/atrybutów używasz dla czytników ekranu (np. `aria-disabled`, zmiany roli), i jak utrzymujesz spójność komunikatu w różnych przeglądarkach?

Senior
143

Dmytro, kiedy tworzysz niestandardowy komponent przycisku, jaki element semantyczny HTML wybierasz domyślnie i w jakich przypadkach użyłbyś czegoś innego?

Senior
143

Czego szukasz w swojej następnej roli?

Senior
143

Z jakiego osiągnięcia z ostatniego roku jesteś najbardziej dumny?

Senior
139

Dobrze—traktując to jako kwestię układu tokenizowanego i polegając na `gap`, jest to zazwyczaj najbardziej utrzymanie sposób na utrzymanie spójnego rytmu między komponentami. Jak osiągasz idealne wyrównanie typograficzne (wysokość wielkości litery/linia bazowa) między ikoną SVG a tekstem w różnych przeglądarkach—czy polegasz na `line-height`, `vertical-align`, wyrównaniu elastycznym, czy czymś innym?

Senior
138

W końcu CSS jest podstawową technologią w rozwoju front-end, umożliwiającą programistom kontrolę nad układem, stylem i wizualną prezentacją aplikacji internetowych. Kto zaproponował CSS i w którym roku został on po raz pierwszy wprowadzony?

Senior
136

Krótko opowiedz o stosie, którego używasz w codziennej pracy.

Senior
134

To jest jasny powód, Dmytro, a twoja zasada 'pomijania wyłączonych elementów' jest dobrze sformułowana. Czy możesz opisać konkretną sytuację, w której to podejście może wprowadzić użytkowników w błąd, i jak dostosowałbyś sformułowanie lub interfejs, aby było to jaśniejsze?

Senior
131

Jasne wyjaśnienie, Dmytro—dobre użycie delegacji i kontroli "najbliższych"; Twój przepływ jest łatwy do śledzenia. Gdy mówisz, że obsługujesz klawiaturę "w ten sam sposób", czy możesz przejść mnie krok po kroku przez dokładnie które klawisze obsługujesz i jak zapobiegasz temu, by fokus trafiał na wyłączone linki?

Senior
123

W TypeScript, jaka jest praktyczna różnica między `interface` a `type`, i kiedy wolisz jeden nad drugim?

Senior
114

Uzupełnienie: projektując bibliotekę komponentów publicznych, czy udostępniłbyś propsy jako `interface` czy `type`, i jak oceniasz rozbudowę (merging/augmentation) w porównaniu do

Senior
113

Opisz trudny kompromis, z którym się zmierzyłeś.

Senior
113

To ma sens — utrzymanie publicznej umowy w zamknięciu unika niezamierzonych odchyleń API, a dyskryminowane unie są silnym powodem, aby preferować `type`. Gdy implementujesz ten przycisk, aby był pikselowo precyzyjny i responsywny, jak radzisz sobie z odstępami i wyrównaniem, aby ikona + etykieta pozostały wizualnie spójne na różnych punktach przerwania i zmianach rozmiaru czcionki?

Senior
102

Czy mógłbyś się przedstawić i krótko opowiedzieć o swoim doświadczeniu?

Senior
86