Video dài 7 phút – Các mẹo sử dụng bảng điều khiển JavaScript và API DOM mới
bookmark_borderbookmark
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.
Paul Irish
Gần đây, tôi đã quay một số video trên chiếc ghế màu đỏ êm ái trong văn phòng của chúng tôi. Có thể bạn sẽ học được một số điều hữu ích ở đây.
Nâng cao trình độ trên bảng điều khiển JavaScript trong Chrome DevTools. Xem các yêu cầu XHR, tìm hiểu các hàm trợ giúp của bảng điều khiển để theo dõi các sự kiện hoặc khám phá các đối tượng hiệu quả hơn. Chúng ta sẽ tìm hiểu tất cả các tính năng hữu ích trong API dòng lệnh: console.time, $0, inspect(), $$, monitorEvents(), keys(), values() và copy().
Trong phần này, tôi sẽ giới thiệu cho bạn về các API DOM gần đây có khả năng hỗ trợ trình duyệt tốt và được thiết kế để giúp bạn dễ dàng hơn. Giải thích và minh hoạ HTML5 classList, dataset, matchMedia(), textContent và matchesSelector().
[[["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: 2011-09-27 UTC."],[],[]]
