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.
Komponenty
<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.