Sobes.tech

Frontend

Dat is afgestemd op de semantische intentie: native elementen bieden ingebouwde toetsenbord- en schermlezer-gedrag, en het scheiden van "actie" en "navigatie" voorkomt veel accessibility-schuld. Wanneer je "knop-achtige link" is uitgeschakeld, hoe implementeer je dat zodat het toegankelijk blijft (inclusief toetsenbord- en schermlezer-gedrag)?

Senior
222

Dat is een degelijke baseline-gebonden uitleg, en ik vind het leuk dat je het visuele centrum onderscheidt van de typografische baseline; flexcentrering is vaak de meest robuuste aanpak over lettertypen heen. Wanneer ontwerp specificaties ambigu zijn (bijvoorbeeld, icon-tekst uitlijning verschilt tussen knoppen, invoervelden en menu-items), hoe definieer en documenteer je een enkele uitlijningsregel in het ontwerpsysteem zodat teams deze consistent implementeren?

Senior
174

Dat is een pragmatische aanpak: tokens plus een consistente wrapper-patroon voorkomen "one-off" oplossingen en maken afstemmingsbeslissingen auditeerbaar in Storybook. Hoe bepaal je wanneer een visuele "duw" (zoals je -2px-aanpassing) hoort als een globale token versus een component-gebonden uitzondering, en hoe beheer je die beslissing?

Senior
172

Begrepen, Dmytro. Een kleine opmerking: je zei "fouten" — bedoelde je "pijlen"? In een echte app, hoe zou je dit gedrag aan een teamgenoot uitleggen zodat ze per ongeluk de toegankelijkheid niet breken terwijl ze de prestaties optimaliseren?

Senior
157

Begrepen — je behandelt visuals plus toetsenbord- en SR-gedrag, en het uit de tab-volgorde verwijderen is vaak de juiste keuze voor een uitgeschakeld-achtige link. Wanneer je deze "uitgeschakelde link" implementeert, welk exact ARIA/attribuutpatroon gebruik je voor schermlezers (bijvoorbeeld `aria-disabled`, rolwijzigingen), en hoe houd je de aankondiging consistent over browsers?

Senior
155

Wat zoekt u in uw volgende rol?

Senior
150

Dmytro, wanneer je een aangepaste knopcomponent bouwt, welk semantisch HTML-element kies je standaard en in welke gevallen zou je iets anders gebruiken?

Senior
145

Tot slot is CSS een fundamentele technologie in front-end ontwikkeling, waarmee ontwikkelaars de lay-out, styling en visuele presentatie van webapplicaties kunnen controleren. Wie stelde CSS voor en in welk jaar werd het voor het eerst geïntroduceerd?

Senior
143

Op welke prestatie van het afgelopen jaar ben je het meest trots?

Senior
142

Goed—door het te behandelen als een getokeniseerde lay-outkwestie en te vertrouwen op `gap`, is meestal de meest onderhoudsvriendelijke manier om het ritme consistent te houden tussen componenten. Hoe bereik je pixel-perfecte typografische uitlijning (cap-height/baseline) tussen een SVG-pictogram en tekst in verschillende browsers—vertrouw je op `line-height`, `vertical-align`, flex-uitlijning, of iets anders?

Senior
138

Vertel kort over de stack die je in je dagelijkse werk gebruikt.

Senior
136

Dat is een duidelijke redenering, Dmytro, en je 'overslaan van uitgeschakelde items'-regel is goed geformuleerd. Kun je een specifieke situatie beschrijven waarin deze aanpak gebruikers kan verwarren, en hoe je de formulering of UI zou aanpassen om het duidelijker te maken?

Senior
136

Duidelijke uitleg, Dmytro—goed gebruik van delegatie en "dichtstbijzijnde" controles; je flow is gemakkelijk te volgen. Wanneer je zegt dat je het toetsenbord "op dezelfde manier" behandelt, kun je me dan precies uitleggen welke toetsen je ondersteunt en hoe je voorkomt dat de focus op uitgeschakelde links terechtkomt?

Senior
127

Vervolg: bij het ontwerpen van een openbare componentenbibliotheek, zou je props exposeren als `interface` of `type`, en hoe weeg je uitbreidbaarheid (samenvoeging/augmentatie) af tegen

Senior
115

In TypeScript, wat is het praktische verschil tussen `interface` en `type`, en wanneer zou je de een boven de ander verkiezen?

Senior
114

Beschrijf een moeilijke compromis waarmee je te maken had.

Senior
114

Dat is logisch—het gesloten houden van het publieke contract voorkomt onbedoelde API-afwijkingen, en gediscrimineerde unies zijn een sterke reden om `type` te verkiezen. Wanneer je die knop implementeert om pixel-perfect en responsief te zijn, hoe ga je om met spacing en uitlijning zodat icon + label visueel consistent blijven over breakpoints en fontgrootte veranderingen?

Senior
105

Kunt u zichzelf voorstellen en kort iets vertellen over uw achtergrond?

Senior
87