يناير 2026 الملخص الشهري الأساسي | مدونة | web.dev
تاريخ النشر: 2 مارس 2026
مرحبًا بك في إصدار يناير 2026 من الملخص الأساسي. نسلط كل شهر الضوء على ميزات منصة الويب التي وصلت إلى مراحل جديدة في Baseline، مما يساعدك على فهم الأدوات الجاهزة للاستخدام في مشاريعك اليوم.
كان شهر يناير بداية مثيرة لهذا العام، حيث انتقلت العديد من واجهات برمجة التطبيقات (APIs) ووحدات CSS المهمة إلى الفئة المتاحة حديثًا، إلى جانب تحسين التخطيط الرئيسي الذي أصبح متاحًا على نطاق واسع.
الميزات الأساسية المتوفرة حديثًا
أصبحت ميزات الويب التالية متاحة حديثًا في يناير 2026.
انتقال العرض النشط
ال
:active-view-transition أصبحت فئة CSS الزائفة الآن Baseline متاحة حديثًا. يسمح هذا المحدد للمطورين باستهداف العنصر الجذر للمستند وتصميمه على وجه التحديد أثناء تقدم عملية انتقال العرض. يعد هذا مفيدًا بشكل خاص لتطبيق الأنماط العامة أو التعديلات التي يجب أن تكون موجودة فقط أثناء فترة الانتقال، مثل تغيير لون الخلفية لتراكب الانتقال أو ضبط مؤشر z لطبقات معينة لضمان التدفق البصري السلس.
وحدات جافا سكريبت في عمال الخدمة
يدعم عمال الخدمة الآن وحدات JavaScript عبر جميع محركات المتصفح الرئيسية. من خلال تعيين type: 'module' الخيار عند الاتصال navigator.serviceWorker.register()، يمكنك استخدام المعيار import و
export البيانات داخل البرنامج النصي لعامل الخدمة الخاص بك. وهذا يجعل عمال الخدمة يتماشى مع ممارسات تطوير JavaScript الحديثة، مما يسمح بتنظيم أفضل للتعليمات البرمجية، وإدارة التبعية بشكل أسهل، والقدرة على مشاركة التعليمات البرمجية بين سلسلة المحادثات الرئيسية وعامل الخلفية.
واجهة برمجة تطبيقات الملاحة
توفر واجهة برمجة تطبيقات التنقل بديلاً حديثًا ومُصممًا لهذا الغرض لواجهة برمجة تطبيقات History القديمة، والمصممة خصيصًا لتلبية احتياجات تطبيقات الصفحة الواحدة (SPA). فهو يوفر طريقة مركزية لبدء جميع أنواع إجراءات التنقل واعتراضها وإدارتها، بما في ذلك تلك التي يتم تشغيلها بواسطة أزرار الرجوع والأمام بالمتصفح. مع أحداث مثل Maps، يمكن للمطورين تنفيذ توجيه أكثر سلاسة من جانب العميل باستخدام كود معياري أقل. للتعمق أكثر في كيفية تغيير هذا للطريقة التي نبني بها الويب، راجع منشور مدونتنا المخصص: التوجيه الحديث من جانب العميل: واجهة برمجة تطبيقات التنقل.
rcap وحدة CSS
ال rcap الوحدة هي وحدة طول نسبية للخط الجذر تساوي “ارتفاع الحد الأقصى” (الارتفاع الاسمي للأحرف الكبيرة) لخط العنصر الجذر. يسمح ذلك بتخطيطات مطبعية دقيقة تتناسب مع حجم الخط الأساسي المستخدم في الموقع، بدلاً من حجم الخط فقط.
rch وحدة CSS
مماثلة ل ch وحدة ولكن نسبة إلى العنصر الجذر، و
rch تمثل الوحدة العرض – أو بشكل أكثر تحديدًا، المقياس المتقدم – للحرف الرسومي “0” (صفر) في خط العنصر الجذر. إنه مثالي لإنشاء تخطيطات تعتمد على عرض الأحرف، مثل الحاوية التي يجب أن تناسب بدقة عدد معين من الأحرف في الخط الجذر.
rex وحدة CSS
ال rex الوحدة هي النسخة النسبية للجذر ex، يساوي ارتفاع x لخط العنصر الجذر. تعتبر هذه الوحدة مفيدة بشكل خاص للمحاذاة الرأسية وعناصر التحجيم بالنسبة لارتفاع الأحرف الصغيرة في الطباعة الأساسية للمستند.
ric وحدة CSS
ال ric الوحدة هي النظير النسبي للجذر لـ ic وحدة. وهو يساوي المقياس المتقدم “الإيديوغرافي” (عادةً عرض أو ارتفاع إيديوغراف CJK) لخط العنصر الجذر. تعد هذه أداة حيوية للمطورين الذين ينشئون تخطيطات دولية، خاصة تلك التي تستخدم النصوص الصينية أو اليابانية أو الكورية.
الميزات المتوفرة على نطاق واسع
أصبحت ميزات الويب التالية متاحة على نطاق واسع في يناير 2026.
اثنين من القيمة CSS display ملكية
بناء جملة الكلمات الرئيسية المتعددة لـ display أصبحت الخاصية الآن خط الأساس متاحة على نطاق واسع. يتيح لك هذا التحديث تحديد نوعي العرض “الخارجي” و”الداخلي” للمربع بشكل صريح. على سبيل المثال، بدلاً من التركيب المسبق inline-flex، يمكنك استخدام display: inline flex. يوضح هذا ما إذا كان العنصر يشارك في التدفق الكتلي أو المضمّن (النوع الخارجي) وكيفية تخطيط العناصر التابعة له (النوع الداخلي، مثل flex أو grid). هذا التغيير يجعل محرك تخطيط CSS أكثر منطقية واتساقًا للمطورين.
ال animation-composition خاصية CSS
ال animation-composition تحدد الخاصية كيفية تفاعل الرسوم المتحركة المتعددة عندما تؤثر على نفس الخاصية في وقت واحد. يمكنك الاختيار بين replace, add، أو
accumulate، مما يتيح لك التحكم الدقيق في كيفية حساب الرسوم المتحركة المعقدة ذات الطبقات.
صفيف حسب النسخ
تتضمن JavaScript الآن طرقًا تتيح لك تحويل المصفوفات دون تغيير البيانات الأصلية. طرق مثل toReversed(), toSorted()، و toSpliced() إرجاع نسخة جديدة معدلة من المصفوفة، مما يعزز أسلوب البرمجة الأكثر فعالية وأمانًا.
ساعدنا على التحسن
كالعادة، أخبرنا إذا فاتنا أي شيء متعلق بخط الأساس، وسنتأكد من التقاطه في إصدار مستقبلي! إذا كانت لديك أية أسئلة أو كنت ترغب في تقديم تعليقات بشأن Baseline، فيمكنك تقديم مشكلة في أداة تعقب المشكلات لدينا.
