Thành phần HowTo – Tổng quan

Thành phần trong HowTo

"Hướng dẫn: Thành phần" là một tập hợp các thành phần web triển khai giao diện người dùng chung mẫu. Mục đích của những triển khai này là trở thành một nguồn tài nguyên giáo dục. Bạn có thể đọc qua cách triển khai được nhận xét dày đặc của các thành phần mới và hy vọng sẽ học hỏi được từ chúng. Xin lưu ý rằng rõ ràng các yêu cầu này KHÔNG thư viện giao diện người dùng và KHÔNG nên được sử dụng trong phiên bản chính thức.

  • <howto-checkbox>: biểu thị một tuỳ chọn boolean trong biểu mẫu. Loại phổ biến nhất hộp đánh dấu là loại kép cho phép người dùng chuyển đổi giữa hai lựa chọn — đã đánh dấu và bỏ đánh dấu.
  • <howto-tabs>: giới hạn nội dung hiển thị bằng cách phân tách nội dung thành nhiều bảng điều khiển.
  • <howto-tooltip>: cửa sổ bật lên hiển thị thông tin liên quan đến một phần tử khi phần tử đó nhận tiêu điểm bàn phím hoặc chuột di qua đó.

Mục tiêu

Mục tiêu của chúng tôi là minh hoạ các phương pháp hay nhất để viết các thành phần mạnh mẽ, dễ truy cập, hiệu quả, dễ bảo trì và dễ tạo kiểu. Mỗi thành phần là hoàn toàn độc lập để có thể dùng làm phương thức triển khai tham chiếu.

Hỗ trợ tiếp cận

Các thành phần này tuân thủ chặt chẽ theo WAI ARIA Authoring (Cấp quyền theo WAI ARIA) Các phương pháp, nhằm hướng dẫn cho giải thích và hiển thị ARIA, Ứng dụng Internet đa dạng thức có thể truy cập chuẩn. Nếu bạn không quen thuộc với ARIA, hãy xem giới thiệu của chúng tôi về Kiến thức cơ bản về web. Mỗi thành phần đều liên kết đến phần liên quan trong Phương pháp ghi nhận tác giả. Trong khi không thực sự cần thiết, chúng tôi khuyên bạn nên đọc phần Tác giả Thực hành trước khi tìm hiểu kỹ về mã.

Hiệu suất

Trong lĩnh vực phát triển web, thuật ngữ "hiệu suất" có thể áp dụng cho vô số của bạn. Trong ngữ cảnh <howto>, hiệu suất chủ yếu đề cập đến ảnh động chạy đều đặn ở tốc độ 60 khung hình/giây, ngay cả trên thiết bị di động.

Khả năng linh hoạt về thị giác

Nhiều nhất có thể các thành phần không được định kiểu, ngoại trừ bố cục hoặc để cho biết trạng thái đã chọn hoặc đang hoạt động. Điều này giúp cho việc triển khai linh hoạt về mặt hình ảnh và tập trung. Bằng cách không dành thời gian trang trí, chúng tôi giới hạn mã chỉ thành những nội dung là hoàn toàn cần thiết để tạo hàm thành phần. Nếu yêu cầu bất kỳ kiểu nào cho thành phần hoạt động, kiểu sẽ được đánh dấu bằng chú thích giải thích lý do.

Mã có thể duy trì

Như hướng dẫn: Các thành phần là tài liệu tham khảo khác, chúng tôi đã dành thêm thời gian để viết ra những câu dễ đọc và dễ đọc một đoạn mã dễ nhận xét với mật độ nhận xét cao.

Không phải mục tiêu

Là một thư viện / khung / bộ công cụ

Các thành phần <howto> chưa được xuất bản trên npm, bower hoặc bất kỳ nền tảng nào khác vì chúng không được dùng trong phiên bản phát hành công khai. Để ngắn gọn, mã dễ đọc được, chúng tôi đang sử dụng API JavaScript hiện đại và hỗ trợ các công nghệ các trình duyệt triển khai tiêu chuẩn Thành phần web. Bạn sẽ có thể điều chỉnh mã cho phù hợp với nhu cầu của riêng mình sau khi đọc thực tế.

Có khả năng tương thích ngược

Bạn không nên dựa vào mã trực tiếp. Chúng tôi có thể và rất có thể sẽ thay đổi đáng kể việc triển khai và API của bất kỳ phần tử nào nếu việc triển khai triển khai được phát hiện. Đây là một nguồn tài nguyên sống mà chúng ta có thể chia sẻ, khám phá và thảo luận về các phương pháp hay nhất để xây dựng giao diện người dùng web.

Hoàn chỉnh

Hiện tại, chúng tôi không (và có thể sẽ không) triển khai *tất cả *các thành phần có thể có trong Các phương pháp ghi nhận tác giả của WAI ARIA. Tuy nhiên, việc sử dụng lại các nguyên tắc đã sử dụng trong các thành phần <howto> khác sẽ cho phép độc giả triển khai mọi thành phần bị thiếu.