كيفية تعريف "الكائن" في OOCSS؟
الكائنات تشبه الفئات في JAVA وتحافظ على خصائص OO.
يتكون كائن CSS من 4 أجزاء:
قد يكون HTML لعقدة DOM واحدة أو أكثر
يبدأ إعلان نمط CSS من اسم فئة العقدة المجمعة
تشبه صور الخلفية ومكونات النقوش المتحركة للعرض و
سلوك JavaScript أو المستمع أو الطريقة المرتبطة بكائن ما
يمكن أن يكون هذا مربكًا لأن كل فئة CSS ليست بالضرورة كائنًا خاصًا بها، ولكن يمكن أن تكون مكونًا لفئة مجمعة. على سبيل المثال:
<div class="mod">
<div class="inner">
<div class="hd">رأس الكتلة</div>
<div class="bd">نص الكتلة</div>
<div class="ft">القدم المحظورة</div>
</div>
</div>
الكائن عبارة عن وحدة مع فئة mod. يتضمن 4 عقد مكونة (لا يمكن أن تكون مستقلة عن الوحدة، بما في ذلك كتلتان، داخلية وجسم، وكتلان اختياريتان، الرأس والقدم)
كيف تعمل OOCSS على تحسين الأداء؟
تتمتع OOCSS بمزايا مضاعفة في الأداء:
كود CSS قابل لإعادة الاستخدام بشكل كبير، ويتطلب القليل جدًا من كود CSS، وهذا يعني:
ملفات أصغر، مما يؤدي إلى عمليات نقل أسرع
ومع زيادة نسبة تعليمات CSS البرمجية التي يتم استدعاؤها في صفحات الموقع، فمن المتوقع أن يتم إعادة استخدامها أو تخزينها مؤقتًا بواسطة المتصفح.
عدد أقل من عمليات إعادة الرسم وحسابات التخطيط فيما يتعلق بالمتصفح
في صفحة واحدة، كلما تم إعادة استخدام المزيد من قواعد CSS، قل وقت الحساب الذي يقضيه محرك العرض على "القيم المحسوبة".
تتجاوز الفئات "الموسعة" المضافة يدويًا عددًا أقل من القواعد، وهو ما يعني مرة أخرى أن المحرك يفعل أقل لتطبيق القواعد
هل تريد استخدام المعرف لتصميم المحتوى؟
يعد هذا بمثابة "هدية مجانية" للأداء عند إعادة استخدام كائن ما في نفس الصفحة (أو على نفس الموقع، وكلاهما مخبأ بشكل جيد). لا يمكن استخدام المعرف لكتابة الأنماط إلا مرة واحدة في نفس الصفحة. @cgriego (twitter) لقد قارنتها بالمفردات وأعتقد أنها دقيقة جدًا. قد تكون هناك مواقف تريد فيها استخدام المعرفات لتحديد الأنماط، مثل قوائم رأس محددة للغاية، وفي هذه الحالة، يمكنك استخدام المعرفات لوضع الحماية على العناصر الخاصة والتأكد من أن الكود هنا لا يؤثر على أجزاء أخرى من الموقع. فكر مرتين قبل اختيار المعرف بدلاً من الفصل الدراسي مع نمو موقعك، من الصعب حقًا التنبؤ بما سيفعله الآخرون باستخدام HTML المبني من CSS الخاص بك. إذا كان لديك خيار، فكر في قابلية التوسع قدر الإمكان.
أفكر في إزالة المعرفات من رأس القالب وجسمه وقدمه. قد يكون لدى بعض الأشخاص مناطق منزلية متعددة. من الصعب تخمين الرؤوس والتذييلات المتعددة لموقع ما، ولكن أراهن أن هناك مصممين يعتقدون ذلك، لذلك من المحتمل أن تختفي المعرفات (ليس الأمر بهذه السلاسة، اقرأ المقال الأصلي: يمكن أن يكون لدى شخص ما مناطق محتوى رئيسية متعددة. متعددة) من الصعب تخيل رؤوس وتذييلات الموقع، لكنني أراهن أن هناك مصممًا يمكنه أن يحلم بشيء كهذا، لذلك من المحتمل جدًا أن تختفي المعرفات.).
من ناحية أخرى، تعتبر خطافات الهوية رائعة للربط. ضعها في HTML، ولكن لا تستخدمها لكتابة الأنماط.
المصدر: 99css