در مجموعه ای خارق العاده از الگوهای جدید برای برنامه های شگفت انگیز، از جمله الگوهای کلیپ بورد، الگوهای فایل و الگوهای برنامه شیرجه بزنید.
فرقی نمیکند چه چیزی بسازید - چه یک برنامه ویرایش ویدیوی نسل بعدی، یک بازی کلمات اعتیاد آور یا یک برنامه شبکه اجتماعی آنلاین آینده - همیشه خود را به چند بلوک اصلی نیاز خواهید داشت:
- برنامه ویرایش ویدیو احتمالاً به کاربر اجازه می دهد ویدیوی ویرایش شده را ذخیره کند .
- بازی شما ممکن است به کاربر اجازه دهد پیشرفت بازی را با دوستان خود به اشتراک بگذارد .
- یک برنامه شبکه اجتماعی آنلاین به احتمال زیاد به کاربر این امکان را می دهد که تصاویر را در یک پست قرار دهد .
هیچ راه جهانی برای تحقق این الگوها وجود ندارد
اینها فقط چند نمونه از این الگوها بودند و بسیاری دیگر نیز وجود دارد. اما همه اینها یک چیز مشترک دارند: هیچ راه جهانی برای تحقق آنها وجود ندارد.
به اشتراک گذاری پیشرفت
برای مثال، همه مرورگرها Web Share API را پیادهسازی نمیکنند، بنابراین در برخی موارد مجبور خواهید بود به رویکرد دیگری مانند Web Intents توییتر یا کپی کردن در کلیپبورد بروید، که رویکردی است که در Wordle هنگام Web Share API انتخاب میشود. اجرا نمی شود فوو، به سختی این یکی را گرفتم:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
ذخیره فایل ها
وقتی صحبت از ذخیره به میان میآید، رویکرد اصلی استفاده از File System Access API است، بنابراین شما با یک FileSystemFileHandle
مواجه میشوید که به شما امکان میدهد یک ذخیره، ویرایش، و ذخیره واقعی جریان را پیادهسازی کنید. بهترین کار بعدی بازگشت به یک <a download>
کلاسیک است، که به همین ترتیب به کاربر امکان می دهد داده ها را ذخیره کند، اما اشکال ایجاد فایل های جدید در هر بارگیری را دارد، بنابراین آنها به my-video.mp4
، my-video (1).mp4
ختم می شوند. my-video (1).mp4
، my-video (2).mp4
، و غیره.
چسباندن تصاویر
برای جمعبندی مثالهای مقدماتی، همه مرورگرها از چسباندن تصاویر در یک برنامه وب پشتیبانی نمیکنند، بنابراین میتوانید دوباره به استفاده از Drag and Drop API یا نمایش یک انتخابگر فایل بروید، که به زیبایی Async Clipboard API نیست، اما حداقل کار می کند.
الگوهای جدید
با خارج شدن از راه، بخش های الگوی جدید عبارتند از:
الگوهای کلیپ بورد
الگوهای کلیپ بورد برای هر چیزی که مربوط به کلیپ بورد سیستم است مانند کپی و چسباندن انواع چیزها.
الگوهای فایل ها
الگوهای فایل برای هر چیزی که مربوط به فایل ها و دایرکتوری ها است. ذخیره، باز کردن، کشیدن و رها کردن، دریافت یا اشتراک گذاری باشد.
الگوهای برنامه های وب
الگوهای برنامه های وب برای هر چیزی که مربوط به ویژگی های پیشرفته برنامه است، مانند ارائه میانبرهای برنامه، همگام سازی دوره ای داده ها در پس زمینه، نشان دادن نشان های برنامه و بسیاری موارد دیگر.
بازخورد
امیدوارم این الگوها به شما در ساختن اپلیکیشنهای شگفتانگیز کمک کنند، و من مشتاقانه منتظر نظرات شما هستم! میتوانید با ارسال توییت در @ChromiumDev یا ثبت یک مشکل، بازخورد ارائه کنید. در هر دو مورد، @tomayac
را تگ کنید تا مطمئن شوید که آن را می بینم.
قدردانی ها
من از جو مدلی برای کمک او در بررسی و ویرایش الگوها سپاسگزارم. از Pete LePage ، Ewa Gasperowicz ، Rachel Andrew ، Ken Pascal و Matthias Rohmer برای همه حمایتهای فنی و سازمانی و تشویقهایشان برای ایجاد این پروژه تشکر میکنیم. کل پروژه الگوها بدون کمک نویسندگان الگوهای فردی، یعنی هری تئودولو ، تونی کانوی ، پالانس لیائو ، سیسیلیا کونگ ، فرانسوا بوفورت و جو مدلی امکان پذیر نبود.