لم أقم بتحديث مدونتي منذ فترة طويلة، لقد حدثت أشياء كثيرة خلال هذا الوقت، وأنا منهك. ولكن لا يزال هناك العديد من الأشياء التي أريد القيام بها، مثل تحديث merceCSS، وفرز المحتوى المعياري الذي قمت بتلخيصه حتى الآن ومشاركته مع الجميع، والمشاركة في اجتماعات التبادل، وما إلى ذلك.
لقد ذكرت التصميم المعياري كثيرًا، مثل " النمطية من تصميم أثاث ايكيا "، و" التفكير النمطي في إعادة بناء الصفحة "، و" النقاط الرئيسية لإنتاج المكونات في إعادة بناء الصفحة " كلها مرتبطة بالنمطية، لكنني لم أتحدث أبدًا عن التفاصيل المحددة محتوى التنفيذ من قبل، فقط بعض الأفكار. سأركز هذه المرة على جانب التنفيذ، وسألخص بعضًا من الوحدات النمطية التي قمت بها حتى الآن.
للقيام بعمل جيد في النمذجة ، أعتقد أنه من المهم جدًا فهم نطاق الأنماط، لذا فإن هذا الجزء هو المقالة الأولى في هذه السلسلة.
يجب أن يعرف جميع الطلاب الذين كتبوا البرامج أن المتغيرات لها نطاق (إذا كنت لا تعرف، اسأل Google بنفسك، فلن أشرح ذلك هنا). تعريف الأنماط له أيضًا مشكلات في النطاق، أي نطاق التعريف من السهل أن نفهم، مثل نطاق ص أدناه:
/*作用域：全局*/ p{text-indent:2em;}
/*作用域：.demo这个类中*/ .demo p{color:#000000;}
إن أولوية محددات الأسلوب هي المعرفة الأساسية بأساليب التعلم، فلنراجعها بإيجاز:
القواعد المستخدمة أيضًا بسيطة جدًا، أي أنه يتم جمع أوزان المحددات معًا، ويكون للأوزان الأكبر الأسبقية؛ على الرغم من أن الأمر بسيط للغاية، إلا أنه إذا لم تنتبه عند الكتابة، فقد يؤدي ذلك بسهولة إلى تعريفات متكررة لـ CSS والتعليمات البرمجية الزائدة عن الحاجة.
مما سبق يمكننا استخلاص عاملين رئيسيين:
ما فائدة معرفة وزن الأسلوب؟ على سبيل المثال، يمكن استخدامه على النحو التالي: لإعطاء أبسط مثال،
body{color:#555555;}.demo{color:#000000;}
<p>这里的文字颜色受全局定义的影响</p>
<div class="demo"><p>这里的文字颜色受类demo定义的影响</p></div>
<p class="demo">这里的文字颜色受类demo定义的影响</p>
بمعرفة وزن النمط، ستعرف كيفية أداء المثال أعلاه. مزيد من التطبيق هو النمطية، مثل الأمثلة الموجودة في " النموذجية من تصميم أثاث ايكيا "، يرجى المتابعة للحصول على التفاصيل.