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.
Thành phần
<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.