Pano kalıpları, dosya kalıpları ve uygulama kalıpları gibi muhteşem uygulamalar için yeni kalıplardan oluşan muhteşem koleksiyonu inceleyin.
Ne geliştirirseniz oluşturun; yeni nesil bir video düzenleme uygulaması, bağımlılık yaratan bir kelime oyunu, oyun gelecekte çevrimiçi sosyal ağ uygulaması. Her zaman birkaç temel yapıya ihtiyaç duyacaksınız. bloklar:
- Video düzenleme uygulaması, muhtemelen kullanıcının düzenlenen videoyu kaydetmesine olanak tanır.
- Oyununuz, kullanıcının oyundaki ilerleme durumunu arkadaşlarıyla paylaşmasına olanak tanıyabilir.
- Çevrimiçi bir sosyal ağ uygulaması, büyük olasılıkla kullanıcının bir yayına resim yapıştırmasına olanak tanır.
Bu kalıpları gerçekleştirmenin evrensel bir yolu yoktur
Bunlar, bu tür kalıpların yalnızca birkaç örneğiydi ve çok daha fazlası var. Ama tüm bunlar bir ortak nokta var: Bunları gerçekleştirmenin evrensel bir yolu yoktur.
Paylaşım ilerleme durumu
Örneğin, tüm tarayıcılar Web Paylaşımı API'sini uygulamaz ve bu nedenle bazı durumlarda farklı bir yaklaşıma geçmek zorunda Twitter'ın Web Amaçları, panoya kopyalayarak yaklaşımını Web Paylaşımı API'si uygulanmadığında Wordle. Vay canına, bunu zar zor anladım:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Dosyalar kaydediliyor
Tasarruf söz konusu olduğunda ilk adım,
File System Access API (Dosya Sistemi Erişim API'si) olduğundan, sonunda bir FileSystemFileHandle elde edersiniz.
gerçek bir kaydetme, düzenleme, kaydetme akışı uygulamanıza olanak tanır. Sonraki
en iyi yöntem, kullanıcının da aynı şekilde verileri kaydetmesine olanak tanıyan klasik <a download> seçeneğine dönmektir.
her indirme işleminde yeni dosya oluşturmanın dezavantajı olduğu için my-video.mp4 ve
my-video (1).mp4, my-video (2).mp4 vb.
Resimler yapıştırılıyor
Tanıtım örneklerinden çıkarılacaksak, tüm tarayıcılar web uygulamasına resim yapıştırmayı desteklemez. kullanmak yerine Sürükle ve Bırak API'sını kullanabilir veya bir dosya seçici gösterebilirsiniz. Bu, Async Clipboard API'yi kullanıyor ancak en azından çalışır.
Yeni kalıplar
Daha sonra, yeni kalıp bölümleri şu şekildedir:
Pano desenleri
Pano kalıpları kopyalayıp yapıştırmaya yardımcı olur.
Dosya kalıpları
Dosyalar ve dizinlerle ilgili her şey için dosya kalıpları; olsun kaydetme, açma, sürükleme ve bırakma, alma veya paylaşma.
Web uygulaması kalıpları
Gelişmiş uygulamalarla ilgili her şey için web uygulaması kalıpları uygulama kısayolları sağlama, verileri arka planda düzenli aralıklarla senkronize etme, uygulamayı gösterme gibi özellikler rozetler ve daha fazlası.
Geri bildirim
Bu kalıpların birbirinden güzel uygulamalar geliştirmenize yardımcı olacağını umuyorum. Geri bildirimlerinizi sabırsızlıkla bekliyoruz!
@ChromiumDev adresine tweet atarak veya
Sorun başvurusunda bulunma. Her iki durumda da,
Gördüğümden emin olmak için @tomayac.
Teşekkür
İnceleme ve düzenleme konusunda yardımcı olduğu için Joe Medley'e teşekkür ederim. ortaya çıkarmanıza yardımcı olabilir. Pete LePage sayesinde, Ewa Gasperowicz, Rachel Andrew, Ken Pascal, ve Matthias Rohmer kurumsal ve teknik desteklerinden biri, teşvik etmek istiyorum. Proje yöneticisi olmasaydı tüm kalıplar modellerin yazarlarından yardım alın; Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort ve Joe Potpuri.