Thành phần là những yếu tố nền tảng của các ứng dụng web hiện đại. Bạn nên làm theo những phương pháp hay nhất nào khi xây dựng các thành phần của riêng mình để chúng có thể tồn tại lâu dài?
Thành phần là những yếu tố nền tảng của các ứng dụng web hiện đại. Bạn nên làm theo những phương pháp hay nhất nào khi xây dựng các thành phần của riêng mình để chúng có thể tồn tại lâu dài?
Phần tử tuỳ chỉnh
Phần tử tuỳ chỉnh cho phép nhà phát triển mở rộng HTML và tạo thẻ của riêng họ. Vì các phần tử tuỳ chỉnh dựa trên tiêu chuẩn nên phần tử này hưởng lợi từ mô hình thành phần tích hợp sẵn của web. Kết quả là nhiều mã mô-đun hơn có thể
được sử dụng lại trong nhiều ngữ cảnh khác nhau.
Tìm hiểu thêm
DOM bóng
DOM bóng là một tiêu chuẩn web cung cấp kiểu thành phần và đóng gói mã đánh dấu. Đây là một phần cực kỳ quan trọng trong câu chuyện về Thành phần web vì nó đảm bảo một thành phần sẽ hoạt động trong mọi môi trường ngay cả khi CSS hoặc JavaScript khác đang hoạt động trên trang.
Tìm hiểu thêm
Những phương pháp hay nhất
Vì các phần tử tuỳ chỉnh và DOM bóng là các dữ liệu gốc cấp thấp, nên không phải lúc nào
cách kết hợp chúng cũng rõ ràng để tạo ra một thành phần mạnh mẽ và hoạt động tốt trong nhiều môi trường. Mặc dù bạn thực sự có thể làm hầu hết mọi việc với những API này, nhưng sau đây là một số phương pháp hay nhất để giúp đảm bảo các thành phần của bạn hoạt động tốt ở mọi nơi.
Tìm hiểu thêm
Ví dụ
HowTo-Components là một tập hợp các phần tử minh họa các phương pháp hay nhất cho Phần tử tùy chỉnh và DOM bóng. Các thành phần này không nhằm mục đích sử dụng trong thực tế mà được trình bày dưới dạng công cụ hỗ trợ giảng dạy để giúp liên kết các đề xuất về phương pháp hay nhất với cách triển khai thực tế.
Tìm hiểu thêm
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2017-08-14 UTC."],[],[]]