أبريل 2025 الأساس الشهرية دايجست | بلوق | web.dev

تم النشر: 1 مايو 2025

كان شهر أبريل شهرًا مزدحمًا لخط الأساس ، مع الكثير من تحديثات الأدوات ، وبعض الميزات المتاحة حديثًا ، بالإضافة إلى بعض الميزات التي أصبحت متاحة على نطاق واسع. احصل على السرعة بسرعة في هذه الطبعة من Digest الشهري الأساسي!

خط الأساس المتاح حديثًا

أصبحت الميزات التالية أساسية متوفرة حديثًا هذا الشهر:

خط الأساس متاح على نطاق واسع

أصبحت الميزات التالية متوفرة على نطاق واسع هذا الشهر:

يتميز دعم CSS و HTML الأساسية

تم القيام بالكثير من العمل على واجهة الأدوات لخط الأساس ، وربما واحدة من أكبر الأخبار في هذا المجال هو أن العمل قد تم لدمج خط الأساس في Visual Studio Code. في بناء المطلعين ، هناك الآن دعم لميزات CSS و HTML الأساسية في شكل تلميحات الأدوات عندما تحوم على قواعد CSS وعناصر HTML.

هذا التحديث عبارة عن ترقية لطيفة تتيح لك معرفة ما إذا كانت الميزات التي تستخدمها في HTML و CSS لمشروعك مدعومة على نطاق واسع أم لا. بينما يوجد حاليًا في بناء المطلعين ، يجب أن يصل إلى مستقر في مرحلة ما في المستقبل القريب.

سيصبح هذا التغيير متاحًا أيضًا في IDEs VS القائمة على الكود. وفي الوقت نفسه ، فقد هبط الدعم بالفعل في زيد. ومع ذلك ، لاحظ أن هناك مشكلة معروفة تؤثر على عرض رمز خط الأساس.

يضيف Stylelint دعمًا لخط الأساس

منذ وقت ليس ببعيد ، هبطت دعم CSS في ESLINT ، ومعها تضمنت قاعدة لاستخدام ميزات CSS بناءً على حالتها الأساسية. ومع ذلك ، فإن Stylelint تم استخدام أداة أخرى لتصوير CSS ، كما أنها هبطت مؤخرًا عن دعم الأساس في شكل stylelint-plugin-use-baseline البرنامج المساعد.

تعمل هذه القاعدة بشكل مشابه جدًا مع ESLINT ، ولكنها متاحة للمطورين الذين يفضلون Stylelint على ESLINT لـ CSS. إذا كنت ترغب في الحصول على فكرة عن كيفية إضافتها إلى تكوين StyleLint الحالي ، فيمكنك التحقق من وثائق الحزمة ، أو التحقق من العرض التوضيحي لأدوات Stylelint التي أنشأتها والتي تعرضها في العمل!

تحديثات ESLINT

تستمر ESLINT في الحصول على تحديثات لقدرات CSS الخاصة بها ، وقد أدى ذلك إلى بعض التغييرات والإضافات إلى use-baseline قاعدة:

• يمكنك الآن استهداف سنوات خط الأساس في التكوين الخاص بك. من قبل ، يمكنك فقط استخدام القيم “حديثًا” و “على نطاق واسع” في التكوين الخاص بك ، ولكن يمكنك الآن تحديد سنة أساسية محددة ، مما يتيح لك التحكم الدقيق في كيفية قيام ميزات CSS بإطلاق تحذيرات أو أخطاء خاصة بخط الأساس.
• دعم المختارين متاح الآن. في البداية ، يمكن وضع بعض أجزاء أوراق الأنماط فقط للحصول على دعم أساسي ، على الرغم من حقيقة أن المختارين هم أيضًا نوع من وظائف CSS التي تحتوي على ميزات منفصلة يمكن أن تصبح أساسية. مع هذا التحديث ، يمكن الآن ربط المختارين.
• تمت إضافة دعم للعديد من وظائف CSS ، مثل color-mixو conic-gradient، وغيرها الكثير.
• سوف Eslint الآن تحذير افتراضيا. تم تصميم هذا لإنشاء افتراضي لا يرمي فيه البناء أخطاء إذا لم تخبر ESLINT بالتحديد. اختر في رمي الأخطاء إذا كان مشروعك يتطلب ذلك.

مع مرور الوقت ، المزيد من التحديثات إلى use-baseline سوف تهبط القاعدة – وكما يفعلون ، سيتم تغطيتها هنا وفي منشورات المدونة الأخرى حسب الضرورة.

browserslist-config-baseline إطلاق

تستخدم سلاسل الأدوات الحديثة واحدة أو أكثر من الأدوات التي تتأثر بتكوين قائمة المتصفح (أو الافتراضي المفترض). يتم استخدام هذه التكوينات بواسطة أدوات مثل postcss أو babel ، ويمكن أن يتأثر ناتجها بمحتوىها.

لقد أردنا منذ فترة طويلة أن نرى الأدوات تأخذ هدفًا أساسيًا كمدخلات – مثل على نطاق واسع أو حديثًا ، أو حتى خط الأساس 2024 ، على سبيل المثال – وإخراج استعلام قائمة متصفح صالحة. الآن هذا browserslist-config-baseline تم إصدار الحزمة ، من الممكن أن تفعل ذلك تمامًا.

إن القدرة على ترجمة هدف خط الأساس إلى استعلام صحيح في قائمة المستعرضات ضخمة. اعتمادًا على الميزات التي تستخدمها في مشاريعك ، لديك فرصة رائعة لتخصيص إخراج CSS و JavaScript لمشروعك – بما في ذلك حتى التلاعب core-js وبابل. هذا يعني أنه يمكنك شحن كود أقل في الإنتاج ، والتي يمكن أن يكون لها بعض الآثار الإيجابية للأداء لمشروعك.

لمزيد من المعلومات ، تحقق من عروض الأدوات الخاصة بنا لكل من Babel و PostCSS للحصول على فكرة عن كيفية عمل ذلك في مجموعة الأدوات الحالية.

إذا كنت تتطلع إلى الحصول على غطاء محرك السيارة browserslist-config-baseline سيكون من المفيد لك أن تعرف أن ذلك يعتمد على الأساسي baseline-browser-mapping الحزمة ، التي أضافت مؤخرًا بعض الميزات الجديدة:

خط الأساس على ندوة رومفون

في الآونة الأخيرة ، ظهر توني كونواي مع إروين هوفمان على ندوة عبر الإنترنت مع رومفون. بصفته مستشارًا للأنظمة الإيكولوجية على شبكة الإنترنت مع Google ، أحضر توني التمهيدي الممتاز إلى خط الأساس إلى ندوة الويب ، إلى جانب الغوص العميق في كيفية تداول كل ذلك مع العمل المتعدد الفرق هنا في Google لجعله مفيدًا للمطورين. إنها طريقة رائعة للوصول إلى السرعة حول كيفية عمل كل شيء ، ونوصيك ببعض الوقت للتحقق من ذلك.

كما قد لاحظت في أماكن أخرى في هذه الطبعة من الهضم الشهري ، فقد ربطنا ببعض العروض التوضيحية فينا baseline-demos مستودع جيثب. هناك بعض الأشياء الرائعة حقًا في هذه العروض التوضيحية التي توضح ما يمكنك إنجازه من خلال خطوط أنابيب الأدوات المختلفة وغيرها من الاستخدامات المعمول بها-مثل دمج خادم MCP الأساسي مع وكلاء ترميز الذكاء الاصطناعي ، حتى تتمكن من تحديث الكود الذي تم إنشاؤه عن طريق جعلها أكثر دراية بالأساس.

مع مرور الوقت ، سنضيف المزيد من العروض التوضيحية إلى قسم الأدوات في هذا المستودع. كما نفعل ، سنكون متأكدين من الاتصال بهم في إصدارات المستقبل من Digest.

هذا غلاف!

كان شهر أبريل شهرًا مزدحمًا للغاية بالنسبة لخط الأساس – ومع اقترابنا من Google I/O ، نتوقع المزيد من التطورات في هذا المجال. ترقب مقالات جديدة على خط الأساس ، وكذلك منشورات المدونة. إذا فاتتك أي شيء ، فسوف نكون متأكدين من إخراجك في الإصدار الشهري من The Monthly Digest.

كالمعتاد ، أخبرنا إذا فاتنا أي شيء مرتبط بخط الأساس ، وسنقوم بالتأكد من أنه يتم التقاطه في إصدار مستقبلي. نراكم في شهر!