Mẫu mới cho các ứng dụng thú vị

Khám phá bộ sưu tập tuyệt vời gồm các mẫu mới cho các ứng dụng thú vị, bao gồm cả các mẫu trên bảng nhớ tạm, mẫu tệp và mẫu ứng dụng.

Bất kể bạn xây dựng gì, dù là ứng dụng chỉnh sửa video thế hệ mới, trò chơi chữ gây nghiện hay ứng dụng mạng xã hội trực tuyến trong tương lai, thì bạn sẽ luôn cần có một số khối xây dựng cơ bản:

  • Ứng dụng chỉnh sửa video có thể sẽ cho phép người dùng lưu video đã chỉnh sửa.
  • Trò chơi của bạn có thể sẽ cho phép người dùng chia sẻ tiến trình chơi với bạn bè.
  • Ứng dụng mạng xã hội trực tuyến rất có thể sẽ cho phép người dùng dán hình ảnh vào bài đăng.

Không có cách thức chung để nhận ra những quy luật này

Đây chỉ là một vài ví dụ về những kiểu mẫu như vậy và còn nhiều ví dụ khác. Nhưng tất cả các phương pháp này đều có một điểm chung, đó là không có một cách thức chung để nhận ra chúng.

Tiến trình chia sẻ

Ví dụ: không phải trình duyệt nào cũng triển khai API Chia sẻ web. Vì vậy, trong một số trường hợp, bạn sẽ phải sử dụng phương pháp khác, chẳng hạn như Ý định web của Twitter hoặc sao chép vào bảng nhớ tạm. Đây là phương pháp được chọn trong Wordle khi chưa triển khai Web Share API. Ôi, gần như không tìm thấy câu trả lời này:

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

Đang lưu tệp

Về việc lưu, bạn nên sử dụng API Truy cập hệ thống tệp để kết thúc bằng FileSystemFileHandle, cho phép bạn triển khai lưu, chỉnh sửa, lưu luồng thực sự. Điều tốt nhất tiếp theo là sử dụng <a download> cổ điển, vì nó cũng cho phép người dùng lưu dữ liệu, nhưng có nhược điểm là tạo tệp mới trên mỗi lần tải xuống, vì vậy chúng sẽ kết thúc bằng my-video.mp4, my-video (1).mp4, my-video (2).mp4, v.v.

Dán hình ảnh

Để kết thúc các ví dụ giới thiệu, không phải tất cả trình duyệt đều hỗ trợ dán hình ảnh vào ứng dụng web, vì vậy, bạn có thể quay lại sử dụng API Kéo và thả hoặc hiển thị bộ chọn tệp, vốn không tinh tế như API Bảng nhớ tạm không đồng bộ, nhưng ít nhất thì API này cũng hoạt động.

Kiểu mẫu mới

Bỏ qua phần này, các phần mẫu mới sẽ là:

Mẫu bảng nhớ tạm

Mẫu bảng nhớ tạm cho mọi nội dung liên quan đến bảng nhớ tạm của hệ thống, chẳng hạn như sao chép và dán mọi loại nội dung.

Mẫu tệp

Mẫu tệp cho mọi nội dung liên quan đến tệp và thư mục; có thể là lưu, mở, kéo và thả, nhận hoặc chia sẻ.

Mẫu ứng dụng web

Các mẫu ứng dụng web cho mọi thứ liên quan đến tính năng nâng cao của ứng dụng, chẳng hạn như cung cấp lối tắt ứng dụng, đồng bộ hoá dữ liệu định kỳ ở chế độ nền, hiển thị huy hiệu ứng dụng, v.v.

Ý kiến phản hồi

Tôi hy vọng những quy luật này sẽ giúp bạn xây dựng những ứng dụng thú vị. Tôi rất mong nhận được ý kiến phản hồi của bạn! Bạn có thể đưa ra ý kiến phản hồi bằng cách đăng bài trên Twitter tại @ChromiumDev hoặc gửi vấn đề. Trong cả hai trường hợp, hãy gắn thẻ @tomayac để đảm bảo tôi thấy được.

Xác nhận

Cảm ơn Joe Medley đã giúp tôi xem xét và chỉnh sửa các mẫu. Nhờ có Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken PascalMatthias Rohmer vì tất cả sự hỗ trợ về mặt kỹ thuật và tổ chức cũng như những lời động viên để thực hiện điều này. Toàn bộ dự án mẫu sẽ không thể thực hiện được nếu không có sự trợ giúp của các tác giả của từng mẫu, cụ thể là Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François BeaufortJoe Medley.