تاریخ انتشار: 22 ژانویه 2025
همانطور که Interop 2024 به پایان خود نزدیک می شود، این پست به موفقیت آمیزترین سال این پروژه می پردازد. ما به پایان رسیدیم که همه مرورگرهای آزمایشی امتیاز 99 را گزارش کردند، در حالی که نسخههای پایدار آن فاصله زیادی نداشتند. این موفقیت به این معنی است که تعدادی از ویژگیها اکنون به تازگی در دسترس هستند.

ویژگی های بیشتر به Baseline
برای اینکه یک ویژگی به تازگی در دسترس باشد، باید قابلیت همکاری داشته باشد. بنابراین جای تعجب نیست که Interop 2024 به تعدادی از ویژگی ها در این خط و در Baseline 2024 کمک کرد.
املاک سفارشی ثبت شده
قانون @property
و متد استاتیک CSS.registerProperty()
در جولای 2024 به صورت Baseline Newly در دسترس قرار گرفت.
-
@property
در MDN - ورودی
@property
در داشبورد پلتفرم وب -
@property
: متغیرهای نسل بعدی CSS اکنون با پشتیبانی از مرورگر جهانی
ویژگی font-size-adjust
ویژگی font-size-adjust
CSS اندازه ظاهری متن را بدون در نظر گرفتن فونت مورد استفاده، با مقیاس بندی فونت ها به همان اندازه با توجه به یک متریک خاص، مانند x-height، حفظ می کند. این می تواند کمک کند که فونت های بازگشتی یکسان به نظر برسند. در جولای 2024 به Baseline Newly در دسترس شد.
متد requestVideoFrameCallback()
برای <video>
متد requestVideoFrameCallback()
برای <video>
تابعی را برنامه ریزی می کند که با فریم ویدیوی بعدی اجرا می شود. این شبیه به requestAnimationFrame()
است، اما برای ویدیو، و در اکتبر 2024 به تازگی در دسترس قرار گرفت.
-
requestVideoFrameCallback()
در MDN - ورودی
requestVideoFrameCallback()
در داشبورد پلتفرم وب - با
requestVideoFrameCallback()
عملیات کارآمد در هر فریم ویدیو را روی ویدیو انجام دهید.
یک ظاهر طراحی نوار پیمایش با scrollbar-width
و scrollbar-gutter
ویژگی scrollbar-width
CSS عرض نوار اسکرول را تعیین می کند و scrollbar-gutter
فضایی را برای نوار اسکرول ذخیره می کند و از تغییرات ناخواسته چیدمان با ظاهر شدن و ناپدید شدن نوار اسکرول جلوگیری می کند. آنها به تازگی در دسامبر 2024 در دسترس هستند.
ویژگی transition-behavior
transition-behavior: allow-discrete
امکان انتقال برای خواصی را که رفتار انیمیشن آنها گسسته است را می دهد. چنین ویژگی هایی را نمی توان درون یابی کرد و از مقدار شروع به ارزش پایانی در 50٪ تغییر داد. این ویژگی در اوت ۲۰۲۴ بهتازگی در دسترس قرار گرفت.
-
transition-behavior
در MDN - ورود
transition-behavior
در داشبورد پلتفرم وب - اکنون در Baseline: انیمیشن جلوه های ورودی
text-wrap: balance
ویژگی text-wrap
CSS نحوه شکسته شدن خطوط در متنی را که ظرف را سرریز می کند تنظیم می کند. این مختصر برای text-wrap-style
و text-wrap-mode
است. مقدار balance
به شما امکان می دهد سرفصل های متعادل و سایر قطعات کوتاه متن ایجاد کنید. ویژگی text-wrap
در مارس 2024 به صورت Baseline Newly در دسترس قرار گرفت.
پاپاور
Popover به شما امکان می دهد با استفاده از HTML یا با متد showPopover()
همپوشانی ایجاد کنید. تقریباً به Baseline Newly در دسترس بود، و در واقع ما در ابتدا فکر میکردیم که وجود دارد، اما یک مشکل در پیادهسازی Safari به این معنی بود که کاملاً در Newly در دسترس در سال 2024 قرار نگرفت. خبر خوب این است که این مشکل در حال حاضر برطرف شده است. Safari Beta 18.3، بنابراین به زودی میتوانیم Popover را بهعنوان Baseline جدید در دسترس قرار دهیم.
رفع ویژگی های Baseline
ویژگیهایی در Interop 2024 گنجانده شده بود که قبلاً به عنوان Baseline New در دسترس طبقهبندی شده بودند، کار این بود که برخی از تفاوتهای کوچک در پیادهسازی را برطرف کنیم. اینها ممکن است چیزهایی باشند که افراد بسیار کمی با آنها برخورد می کنند، اما اگر شما با آنها برخورد کنید چیزهای کوچک تفاوت بزرگی ایجاد می کنند.
تودرتو CSS
تودرتوی CSS امکان انتخابگرهای کوتاهتر، خواندن آسانتر و مدولار بودن بیشتر را با قرار دادن قوانین درون دیگران فراهم میکند. در دسامبر 2023 به تازگی در دسترس قرار گرفت و در Interop 2024 گنجانده شد تا برخی از مشکلات برجسته اینتراپ را برطرف کند.
Shadow DOM اعلامی
ویژگی shadowrootmode
در <template>
یک ریشه سایه بدون استفاده از جاوا اسکریپت ایجاد می کند. این یک جایگزین اعلامی برای متد ()attachShadow است.
Interop 2025 به زودی در راه است
پیشنهادات در حال حاضر برای Interop 2025 در حال نهایی شدن هستند، و ما هیجان زده هستیم که بر روی تمام موفقیت های خود در سال جاری ایجاد کنیم. منتظر اطلاعیه در ماه فوریه باشید تا بدانید شامل چه مواردی می شود. برای دنبال کردن مواردی که در Baseline فرود می آیند، سری ویژگی های جدید Baseline ما را در اینجا در web.dev بررسی کنید.