Suy nghĩ cách giải BREADCCLSBS
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Trong thử thách GUI hôm nay, chúng ta sẽ xây dựng một thành phần breadcrumb (tập hợp liên kết phân cấp) với một chút thay đổi! Thay vì một danh sách đường liên kết dạng tuyến tính, thành phần đường dẫn này hiển thị tất cả các đường liên kết cùng cấp trong một trình đơn thả xuống, cho phép truyền tải nhanh cấu trúc trang web của bạn.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:23 – Bản minh hoạ
- 1:56 – Bố cục
- 4:13 - Góc gỡ lỗi
- 5:25 – Trải nghiệm người dùng trên thiết bị di động
- 6:17 – Chuyển động chậm
- 7:34 – JavaScript
- 10:38 - Phần kết thúc
Tài nguyên:
Xem thêm Thử thách GUI → https://goo.gle/GUIchallenges
Đăng ký theo dõi chương trình Nhà phát triển Google Chrome → http://goo.gl/LLLNvf
arrow_back Quay lại trang tất cả các tập
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2021-07-14 UTC.
[[["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: 2021-07-14 UTC."],[],[]]