Komponenty instruktażowe – omówienie

Komponenty instrukcji

„Instrukcje: komponenty” to zbiór komponentów sieciowych, które implementują wspólny interfejs użytkownika wzorów. Celem tych implementacji jest zapewnienie zasobów edukacyjnych. Więcej szczegółowych informacji na temat implementacji różnych i być może wyciągają z nich wnioski. Pamiętaj, że są wyraźnie NIE to biblioteka UI i NIE należy jej używać w środowisku produkcyjnym.

  • <howto-checkbox>: reprezentuje opcję wartości logicznej w formularzu. Najczęstszy typ Pole wyboru to opcja dwukierunkowa, która umożliwia użytkownikowi przełączanie się między dwiema opcjami – zarówno zaznaczonymi, jak i odznaczonymi.
  • <howto-tabs>: ogranicza widoczność treści, rozdzielając ją na kilka paneli.
  • <howto-tooltip>: wyskakujące okienko, które wyświetla informacje związane z elementem, gdy ten element otrzymuje zaznaczenie z klawiatury lub najedzie na nią kursorem myszy.

Cele

Naszym celem jest zademonstrowanie sprawdzonych metod tworzenia skutecznych komponentów, dostępne, wydajne, łatwe w utrzymaniu i łatwe w utrzymaniu. Każdy komponent jest całkowicie niezależne, więc może służyć jako implementacja referencyjna.

Ułatwienia dostępu

Komponenty są ściśle zgodne z opisem tworzenia elementów WAI ARIA Praktyki, który przedstawia wyjaśnić i pokazać ARIA, Accessible Rich Internet Application (Dostęp do multimediów) . Jeśli nie znasz ARIA, znajdziesz w prezentacji na temat WebFundamentals. Każdy z nich zawiera link do odpowiedniej sekcji Praktyka tworzenia. Choć nie jest bezwzględnie konieczne, zalecamy przeczytanie sekcji Poćwicz przed zagłębieniem się w kod.

Wyniki

W przypadku tworzenia stron internetowych określenie „wydajność” można zastosować w wielu rzeczy. W kontekście <howto> skuteczność odnosi się głównie do animacji niezmiennie pracować z prędkością 60 kl./s, nawet na urządzeniach mobilnych.

Elastyczność wizualna

W miarę możliwości komponenty nie mają stylu, z wyjątkiem układu wybrany lub aktywny stan. Dzięki temu implementacja jest wizualnie elastyczna i skupione. Nie poświęcając czasu na dekoracje, ograniczamy kod do jest absolutnie niezbędna do utworzenia funkcji komponentu. Jeśli wymagany jest dowolny styl aby komponent działał, styl zostanie oznaczony komentarzem dlaczego tak jest.

Kod do utrzymania

Jak to zrobić: Komponenty to materiał referencyjny po wdrożeniu poświęciliśmy więcej czasu na tworzenie czytelnych i łatwych zrozumiałego kodu obfitu w komentarze.

Inne niż cele

Biblioteka / platforma / zestaw narzędzi

Komponenty <howto> nie są opublikowane na npm, bower ani na żadnej innej platformie ponieważ nie są przeznaczone do użytku w produkcji. Dla zwięzłości czytelny kod, używamy nowoczesnych interfejsów API JavaScript i obsługujemy przeglądarki obsługujące standardy komponentów sieciowych. Ty będzie w stanie dostosować kod do swoich potrzeb implementacji.

Zgodność wsteczna

Kodu nie należy stosować bezpośrednio. Możemy i bardzo prawdopodobne, że będziemy, całkowicie zmienić implementację i interfejs API dowolnego elementu, jeśli lepszy przy wykrywaniu implementacji. To źródło naszych zasobów, w których możemy dzielić się poznawać i omawiać sprawdzone metody tworzenia interfejsów internetowych.

Podaj pełny

Obecnie nie wdrażamy (i prawdopodobnie nie będziemy) wdrażać *wszystkich *komponentów, które mogą które można znaleźć w zasadach tworzenia treści ARIA WAI. Ponowne wykorzystanie zasad w innych komponentach <howto> powinno umożliwiać czytelnikom implementowanie dowolnych komponentów których brakuje.