في الآونة الأخيرة، أصبحت مهووسًا بـ "النمطية"، بما في ذلك المقالات وعروض PPT، واضطررت إلى التفكير في الكثير من الأشياء ذات الصلة. لفرز أفكاري حول "النمطية" خلال هذه الفترة، يعتمد معظمها على تجربتي الخاصة وفهمي لوظيفة إعادة بناء الصفحة، وهناك قيود إلى حد ما، وآمل أن أتمكن من تعلم الجديد من خلال المراجعة الماضي.
"Modular" هو مجرد اسم عصري للتقنيات والأساليب التي كنا نستخدمها في الماضي، تمامًا مثل "Ajax". ومع ذلك، باعتباره اتجاهًا في تطوير إعادة بناء الصفحة، فإن الناس يولون المزيد والمزيد من الاهتمام لها، وغالبًا ما يتحدثون عن "النمطية" دون وعي، ولكن هل تفهم حقًا ما هي "النمطية"؟
ما هو نمطية؟
هناك 28 تفسيرًا لـ "النمطية" في CNKI . ويمكن ملاحظة أن التفكير "المعياري" يستخدم على نطاق واسع. ربما يكون التفسير الأقرب لـ "النموذجية" في إعادة بناء الصفحة هو التفسير في تطوير البرمجيات.
دعونا نلقي نظرة أولاً على كيفية شرح مدخل بايدو لـ " النمطية ":
"تشير الوحدات النمطية إلى عملية تقسيم نظام برمجي إلى عدة وحدات طبقة تلو الأخرى من الأعلى إلى الأسفل عند حل مشكلة معقدة. تكمل كل وحدة وظيفة فرعية محددة، ويتم تجميع جميع الوحدات بطريقة معينة لتصبح كاملة. أكمل الوظائف التي يتطلبها النظام بأكمله. تحتوي الوحدة على السمات الأساسية التالية: الواجهة والوظيفة والمنطق والحالة. تعكس الوظيفة والحالة والواجهة الخصائص الخارجية للوحدة، ويعكس المنطق خصائصها الداخلية بنية البرنامج، الوحدة هي وحدة يمكن دمجها وتفكيكها واستبدالها.
هناك أيضًا عدد لا بأس به من الكتب ذات الصلة، ويمكن للطلاب المهتمين البحث عنها. ويجب التأكيد على أن ما نتعلم منه هو طريقة تفكير.
لماذا يجب أن يكون إنتاج الصفحة معياريًا؟
يتزايد محتوى الموقع ويتضخم الكود، مما يؤثر تدريجيًا على تجربة العميل (سرعة الفتح بشكل أساسي) وكفاءة الصيانة. هل هناك أي طرق لحل هذه المشاكل؟
يمكننا أن نفكر بسهولة في: تقليل تكرار التعليمات البرمجية، وتحسين إعادة استخدام التعليمات البرمجية، وضغط الصور، وما إلى ذلك، ولكن كيف يمكن تحقيق ذلك؟ يمكن حل التفكير المعياري، مما يقلل بشكل فعال من تكرار التعليمات البرمجية ويحسن إعادة استخدام التعليمات البرمجية، والأهم من ذلك أنه يمكن أن يدعم الصيانة متعددة الأشخاص ويقلل تكاليف الصيانة. تعد طريقة كتابة CSS أكثر مرونة ويمكن أن تؤدي بسهولة إلى اقتران التعليمات البرمجية، ويمكن أن يؤدي استخدام الوحدات النمطية أيضًا إلى تقليل الاقتران إلى حد ما، وهو أمر مفيد أيضًا في تحديد موقع الأخطاء. لذلك، يجب أن نولي المزيد من الاهتمام واستخدام "التفكير المعياري" لكتابة الموقع في المرحلة المبكرة من الموقع.
يتضمن جزء كبير من تحسين أداء الموقع الذي ذكرناه سابقًا أيضًا "النموذجية"، مثل تحسين إعادة استخدام التعليمات البرمجية، وتحسين كفاءة التطوير، وما إلى ذلك. هناك العديد من مزايا "النموذجية" وسأدرجها بإيجاز:
أعتقد أن النقطة الأكثر أهمية هي "زيادة إعادة استخدام التعليمات البرمجية"، والتي تعد أيضًا إحدى أهم ميزات النمطية.
كيفية تحقيق "النمطية"؟
المشكلة الرئيسية هنا هي "نمطية" HTML وCSS. يمكننا أن ننظر في كيفية تنفيذ السلخ:
من هذا يمكننا أن نرى تنفيذ واجهة HTML وCSS:
من أجل تنفيذ هذه الواجهة بشكل أفضل، من الضروري أن يكون لديك اتفاقيات وقواعد ومواصفات ذات صلة (التفاعل والتصميم والصفحة والتطوير). على سبيل المثال: تستخدم جميع الحالات الحالية نفس اسم الفئة "nonce"، وجميع العروض باللون الرمادي استخدم إضافة "_n" بعد اسم الفئة الأصلي، وكيفية تنفيذ علامة التبويب، وما إلى ذلك. مع وجود هذه الاتفاقيات والقواعد والمواصفات، يمكن بسهولة صياغة تعليمات HTML البرمجية وتوحيدها مع مواصفات الواجهة.
هناك فهمان خاطئان يجب فهمهما أولاً:
يتم وضع وحدات مستقلة تمامًا في نفس المشروع نظرًا لأن المشروع له أداء خاص به ووحدة تفاعلية، فيجب أن تكون هناك أجزاء متشابهة بين الوحدات ويمكن اقتراح هذه الأجزاء كتعريفات مشتركة لتقليل التكرار، وستنشأ مشاكل الاقتران في هذا الوقت ومن المستحيل أن يتم فصلها تمامًا، لذلك فإن النقطة المهمة جدًا في النمذجة هي "الاقتران المعتدل". مع التعريف العام، من الضروري ضبط تنفيذ نمط الوحدة، وسيؤثر هذا التعديل أيضًا على تنفيذ "الواجهة".
نظرًا لأن هذه المقالة تتحدث بشكل أساسي عن طريقة التفكير المعيارية، فستتم مناقشة تفاصيل التنفيذ المحددة في المقالات المستقبلية. للحصول على محتوى ذي صلة، يمكنك قراءة " التركيبة النمطية من تصميم أثاث ايكيا " المكتوبة مسبقًا. مرحبا بكم في مناقشة معا.
النص الأصلي: http://www.cssforest.org/blog/index.php?id=134