في العام الماضي ، كان يوم 19 أغسطس يومًا خاصًا لـ Bootstrap - ليس فقط الذكرى الرابعة للمشروع ، ولكن أيضًا في اليوم الذي تم فيه إصدار نسخة بيتا الداخلية من Bootstrap 4 بعد عام من التطوير المكثف. Bootstrap 4 هو تحديث رئيسي يتضمن كل سطر من التعليمات البرمجية تقريبًا.
1. ميزات جديدة
هناك الكثير من التحديثات الرئيسية في Bootstrap 4 ، ولا يمكن أن تغطي هذه المقالة كل شيء. فيما يلي بعض النقاط البارزة التي جذبت الكثير من الاهتمام:
الهجرة من أقل إلى ساس: Bootstrap تنضم الآن إلى عائلة ساس. بفضل Libsass ، يجمع Bootstrap بشكل أسرع من ذي قبل ؛
تحسين نظام الشبكة: أضف طبقة شبكة جديدة للتكيف مع الأجهزة المحمولة وإعادة تنظيم الخلط الدلالي.
يدعم اختيار نموذج المربع المرن (Flexbox): هذه وظيفة صنع الحقبة - طالما تم تعديل متغير منطقي ، يمكنك تخطيط مزايا FlexBox بسرعة.
يتم التخلي عن الآبار والأقمشة المصغرة والألواح وتستخدم البطاقات بدلاً من ذلك: البطاقات هي مفهوم جديد تمامًا ، لكنه يشبه إلى حد كبير الآبار والأصابع المصغرة واللوحات ، وهو أكثر ملاءمة.
دمج جميع أوراق إعادة تعيين HTML في إعادة التشغيل: يمكن استخدام إعادة التشغيل في أي مكان تطبيع. CSS غير متوفر ، فهو يوفر المزيد من الخيارات. على سبيل المثال ، يتم تخزين حجم الصناديق: صندوق الحدود ، والهامش ، وما إلى ذلك ، في ملف SASS منفصل.
خيارات التخصيص الجديدة: لم تعد تأثيرات منفصلة مثل التدرجات ، والتلاشي ، والظلال ، وما إلى ذلك في ورقة نمط منفصلة كما في الإصدار السابق. بدلاً من ذلك ، انقل جميع الخيارات إلى متغير SASS. هل تريد تحديد تأثير افتراضي للزوايا العالمية أو غير المدروسة؟ الأمر بسيط للغاية ، فقط قم بتحديث القيمة المتغيرة وإعادة ترجمةها.
لم يعد IE8 مدعومًا ، باستخدام وحدات REM و EM: يعني التخلي عن الدعم لـ IE8 أنه يمكن للمطورين استخدام مزايا CSS بثقة ، وليس هناك حاجة لدراسة مهارات الاختراق CSS أو آليات الاحتياطية. REM و EM بدلاً من وحدات PX أكثر ملاءمة للتخطيطات المستجيبة وأحجام المكونات. إذا كنت ترغب في دعم IE8 ، فيمكنك متابعة استخدام Bootstrap 3 فقط.
أعد كتابة جميع الإضافات JavaScript: للاستفادة من الميزات الجديدة لـ JavaScript ، يعيد Bootstrap 4 إعادة كتابة جميع الإضافات مع ES6. نقدم الآن دعم UMD وطرق Teardown العامة وفحص نوع الخيار والميزات الأخرى.
تحسين تلميحات الأدوات و popovers تحديد المواقع التلقائية: هذا الجزء بفضل مساعدة أداة Tether.
الوثائق المحسّنة: تتم إعادة كتابة جميع المستندات بتنسيق Markdown ، ويتم إضافة بعض أمثلة تنظيم المكونات الإضافية ومقتطفات التعليمات البرمجية. ستكون الوثائق أكثر ملاءمة للاستخدام ، كما أن أعمال تحسين البحث قيد التقدم.
المزيد من التغييرات : يدعم عناصر التحكم في النماذج المخصصة ، الفراغات وفصول التعبئة ، وتشمل فصول فائدة جديدة ، إلخ.
التحديثات أعلاه هي مجرد غيض من جبل الجليد. يحتوي الإصدار V4 على أكثر من 1100 رابطة و 120،000 سطر من تحديثات التعليمات البرمجية. يمكن عرض هذه التحديثات في وثيقة V4-alpha.
2. خطة التنمية
جميع التعليمات البرمجية المصدر لإصدار V4 مفتوح المصدر على فرع V4-DEV لـ GitHub. بالإضافة إلى ذلك ، هناك تطوير V4 وتتبع العلاقات العامة ، ونشر قائمة التغييرات والقائمة المراد تطويرها للماجستير. يمكنك المساهمة في الكود الخاص بك لجعل هذا المشروع أفضل.
خطة التطوير والإفراج الشاملة هي كما يلي:
كما سيتم إصدار العديد من إصدارات ألفا في تحسينات مستمرة ؛ سيتم إصدار نسختين من بيتا بعد تجميد الميزات الجديدة والوظائف الجديدة للاختبار الكامل ؛ سيتم إصدار إصدارات مرشحين لاختبار ما إذا كان يمكن استخدامها في بيئة الإنتاج ؛ وسيتم إصدار النسخة النهائية.
هناك أيضًا قناة على Slack تناقش على وجه التحديد V4 ، ويمكن إضافة bootstrapers هنا.
3. دعم V3
عندما تم إصدار Bootstrap 3 ، تخلى Bootstrap عن دعمه للإصدار 2.x ، مما تسبب في مشكلة للعديد من المستخدمين ، ولن يتم ارتكاب نفس الخطأ للمرة الثانية. في المستقبل القريب ، سيواصل فريق التطوير إصلاح أخطاء V3 وتحسين الوثائق. بعد إصدار V4 أخيرًا ، لن تكون وثائق V3 غير متصلة بالإنترنت.
4. شيء آخر ...
بالإضافة إلى إطلاق Bootstrap 4 Alpha ، أصدر المسؤول أيضًا موضوع bootstrap.
تأخذ هذه المواضيع الكثير من الطاقة ولديها العديد من الأدوات نفسها ، تمامًا مثل Bootstrap نفسها.
للبدء ، تشمل الموضوعات المنشورة: لوحة القيادة والتطبيق والتسويق ، باستخدام بروتوكول ترخيص متعدد الاستخدامات.
انقر هنا لعرض المزيد من معلومات الموضوع.
5. ردود الفعل
1) ذكر شخص ما أنه في v3.5.5 (الإصدار الأخير المستقر) ، bootstrap.min.css هو 123 كيلو بايت ، بينما في 4.0.0Alpha bootstrap.min.css ، يجدر الاحتفال.
2) أفاد شخص ما أن موضوع لوحة القيادة لا يستجيب تمامًا ، كما هو الحال في الجداول-> تاريخ الطلب.
3) لقد تغير Bootstrap إلى استخدام Sass افتراضيًا ، مما تسبب في مناقشة واسعة النطاق.
4) قال بعض الناس أيضًا إن المنظمة على استعداد للتخلي عن التكنولوجيا القديمة (لم تعد تدعم IE8) وإعادة كتابة المكتبة بتكنولوجيا جديدة (ES6) ، والتي تستحق الاحترام.
إذا كنت لا تزال ترغب في الدراسة بعمق ، فيمكنك النقر هنا لدراسة وإرفاق 3 مواضيع مثيرة لك:
Bootstrap التعلم البرنامج التعليمي
Bootstrap البرنامج التعليمي العملي
تعليمي استخدام المكونات الإضافية Bootstrap
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.