Giá trị cơ sở 2024: cung cấp thêm công cụ để giúp nhà phát triển web

Ngày xuất bản: 10 tháng 12 năm 2024

Năm 2024 là một năm thú vị đối với dự án Baseline. Chúng tôi sắp hoàn tất dữ liệu cơ sở và đã ra mắt các công cụ như Trang tổng quan về trạng thái của Nền tảng webTiện ích trạng thái cơ sở. Các dự án khác như Bộ lưu trữ RUM cũng đang bắt đầu sử dụng Baseline. Bài đăng này nhìn lại Giá trị cơ sở trong năm 2024.

Các tính năng web của nhãn cơ sở được tất cả trình duyệt cốt lõi hỗ trợ trên cả máy tính và thiết bị di động. Nếu các tính năng được sử dụng thuộc về Đường cơ sở, bạn có thể tin tưởng mức độ tương thích của trình duyệt.

Biểu trưng mới có tất cả trình duyệt cho biết rằng chúng hỗ trợ một tính năng.
Biểu trưng cơ sở mới xuất hiện trên trang về khả năng hiển thị nội dung của MDN.

Để biết thêm thông tin chi tiết về các nhãn của Đường cơ sở và cách một tính năng web trở thành Đường cơ sở, hãy xem Trang web về Đường cơ sở hoặc xem video Tự tin xây dựng bằng Đường cơ sở.

Dự án Baseline vào năm 2024

Công việc web-features đã hoàn tất 81%!

web-features là một nỗ lực nhằm xây dựng một danh mục dùng chung các tính năng của nền tảng web. Mỗi tính năng được chỉ định một nhóm và định nghĩa, đồng thời dữ liệu hỗ trợ cơ sở được ghi chú trong tập dữ liệu này.

Chúng tôi đã nỗ lực rất nhiều trong năm nay để thúc đẩy công việc này. Tính đến thời điểm hiện tại, 81% khoá tính năng được liên kết và sử dụng bằng gói npm web-features. web-features là nguồn đáng tin cậy cho trạng thái Đường cơ sở.

Trang tổng quan mới về trạng thái của Nền tảng web

Trang tổng quan về trạng thái nền tảng web cung cấp thông tin chi tiết về việc triển khai tính năng nền tảng web trên nhiều trình duyệt. Trang tổng quan này được hỗ trợ bằng dữ liệu web-features, do đó, độ tin cậy của trang tổng quan này đã được cải thiện đáng kể khi tiến trình của công việc về các tính năng web trở nên hoàn chỉnh hơn.

Bạn có thể theo dõi tiến trình của các tính năng cụ thể hoặc lọc để xem một nhóm tính năng như Đường cơ sở 2024. Trang tổng quan này bổ sung cho các tài nguyên hiện có như Can I Use (Tôi có thể sử dụng) và dữ liệu về khả năng tương thích của MDN, cung cấp thông tin toàn diện hơn về sự phát triển của nền tảng web.

Để biết thêm thông tin về trang tổng quan này, hãy đọc bài viết Ra mắt Trang tổng quan về nền tảng web. Kể từ khi ra mắt, chúng tôi đã thêm nhiều bộ lọc khác như group:snapshot:. Ví dụ: snapshot:ecmascript-2023 sẽ hiển thị cho bạn các tính năng có trong ES2023.

Tiện ích <baseline-status>

Thành phần web <baseline-status> cũng sử dụng dữ liệu tính năng web và hiện đã sẵn sàng để sử dụng trên các trang web và trang trình bày của riêng bạn. Cài đặt từ npm, sau đó sử dụng thành phần này mỗi khi bạn đề cập đến một tính năng.

Tiện ích Tiện ích trạng thái cơ sở được kết xuất dưới dạng hình ảnh.
<baseline-status>.

Tìm hiểu thêm về cách sử dụng thành phần web Trạng thái cơ sở.

Trang web và biểu trưng chính thức

Baseline thuộc sở hữu của Nhóm cộng đồng WebDX của W3C. Năm nay, chúng tôi đã tạo một trang chính thức cho dự án Baseline.

Nếu sử dụng Baseline trong dự án, viết về Baseline hoặc nói chuyện về Baseline, bạn có thể gửi một Yêu cầu kéo để liệt kê dự án của mình trên trang Baseline trong thực tế

Khi sử dụng Baseline trong dự án, hãy tham khảo nguyên tắc sử dụng tên và biểu trưng. Các biểu trưng này được cấp phép để bạn sử dụng bất cứ khi nào bạn muốn hiển thị trạng thái của các tính năng trên web.

Dự án Interop đã cung cấp nhiều tính năng mới cho Baseline

Dự án Interop là một nỗ lực trên nhiều trình duyệt nhằm cải thiện khả năng tương tác của web. Các tính năng trong dự án này nhắm đến việc triển khai trên nhiều trình duyệt, giúp đẩy nhanh thời gian để trở thành Baseline Newly available (Mới có trong đường cơ sở). Trong Interop 2024, Shadow DOM khai báo, font-size-adjust, requestVideoFrameCallbacktext-wrap: balance đã được đưa vào Baseline 2024 và nhiều tính năng khác sắp hoàn tất.

Thông tin chi tiết về RUM

Trang Thông tin chi tiết của Bản lưu trữ RUM là công cụ đầu tiên tích hợp Đường cơ sở. Bạn có thể xem số lượng người dùng được đưa vào mỗi năm Cơ sở dựa trên dữ liệu của họ. Điều này có thể giúp bạn chọn một năm Cơ sở cho dự án của mình thay vì sử dụng Cơ sở phổ biến.

Hãy đọc bài viết Tích hợp đường cơ sở với Bản lưu trữ RUM để biết thêm thông tin.

Loạt video This Is Baseline

Để giải thích ngắn gọn và nhanh chóng về các tính năng mới của Baseline, chúng tôi đã phát hành một loạt video có tên #thisisbaseline. Tìm hiểu về các tính năng như các phương thức Set mới, Screen Wake Lock API, lưới con CSS và nhiều tính năng khác trong vòng chưa đến 60 giây.

Xem tất cả video This Is Baseline tại đây.

Hãy trò chuyện trực tiếp với chúng tôi!

Nhóm chúng tôi đã tham dự nhiều hội nghị trong năm nay để giới thiệu Baseline cho bạn,lắng nghe ý kiến của bạn và giải đáp thắc mắc của bạn. Sau đây là một số bài nói chuyện mà chúng tôi đã trình bày.

Hãy xem bài trình bày của Rachel tại FITC Web Unleashed vào tháng 10, buổi thảo luận của Pete tại connect.techbuổi trò chuyện của Mariko tại JSNation vào tháng 11. Chúng tôi rất mong được gặp bạn tại một số sự kiện thú vị trong năm 2025!

Nội dung trong Baseline 2024

Khi năm 2021 sắp kết thúc, chúng tôi đã biết những tính năng nào sẽ có trong Baseline 2024. Sau đây là một số điểm nổi bật.

@property

Thuộc tính tuỳ chỉnh CSS (còn gọi là biến CSS) là một tính năng phổ biến. Khả năng xác định các thuộc tính tuỳ chỉnh bằng một loại, giá trị mặc định và tính kế thừa bằng cách sử dụng quy tắc@property được tất cả các trình duyệt cốt lõi hỗ trợ kể từ tháng 7 năm 2024.

Phương thức Set mới

Tập hợp đã là một phần của JavaScript kể từ ES2015, nhưng nhiều phương thức để chạy các phép toán trên Tập hợp như intersectionunion đã được thêm vào và được tất cả trình duyệt cốt lõi hỗ trợ trong năm nay.

AVIF

AVIF là một định dạng hình ảnh hiện đại, thường có khả năng nén tốt hơn so với các định dạng hình ảnh khác như WebP, JPEG, PNG và GIF. Tất cả trình duyệt chính đều hỗ trợ AVIF kể từ tháng 1 năm 2024.

…và nhiều hình thức khác!

Tất nhiên, còn có nhiều tính năng khác đã trở thành Đường cơ sở trong năm nay. Bạn có thể xem các tính năng đã trở thành một phần của Baseline trong năm 2024 tại đây.

Tóm tắt

Khi chúng tôi công bố dự án Baseline vào tháng 5 năm 2022, đó chỉ là một khái niệm và định nghĩa ban đầu về Baseline. Bài đăng này chỉ nêu bật một số công việc đã thực hiện để biến Baseline trở thành một phần trong quy trình làm việc của mọi nhà phát triển.

Chúng tôi xin cảm ơn những nỗ lực mà mọi người đã bỏ ra cho dự án Baseline.

Những cá nhân đã đóng góp cho web-features: Victor Allen, Dietrich Ayala, Daniel Beck, Patrick Brosset, Sondra Eby, Adriana Jara, Mariko Kosaka, Pete LePage, Florian Scholz, James Stuckey Weber và queengooborg (Vinyl)

Tiện ích <baseline-status>: Ewa Gasperowicz và nhóm DevRel của Chrome

Trang tổng quan về trạng thái của Nền tảng web: Panos Astithas, Kyle Ju, James Scott, Daniel Smith và Jason Xu

Nhóm cơ sở tại Google: Aaron Abbarno, Rachel Andrew, Tony Conway, Philip Jägenstedt, Adriana Jara, Mariko Kosaka, Pete LePage, Nandu Nair, Ali Spivak và Kadir Topal

Xin cảm ơn đặc biệt: Alexis Deveria tại CanIUse, Claas Augner, Hermina Condei, Florian Dieminger, Ruth John, Leo McArdle tại MDN, Nic Jansma và Robin Marx tại RUM Archive, những người đóng góp cho dự án Interop, Apple, Firefox, Igalia, Microsoft, Open Web Docs, OddBird và các thành viên của Nhóm cộng đồng WebDX.