في الآونة الأخيرة، أصبحت مهووسًا بـ "النمطية"، بما في ذلك المقالات وعروض PPT، واضطررت إلى التفكير في الكثير من الأشياء ذات الصلة. لفرز أفكاري حول "النمطية" خلال هذه الفترة، يعتمد معظمها على تجربتي الخاصة وفهمي لوظيفة إعادة بناء الصفحة، وهناك قيود إلى حد ما، وآمل أن أتمكن من تعلم الجديد من خلال المراجعة الماضي.
"Modular" هو مجرد اسم عصري للتقنيات والأساليب التي كنا نستخدمها في الماضي، تمامًا مثل "Ajax". ومع ذلك، باعتباره اتجاهًا في تطوير إعادة بناء الصفحة، فإن الناس يولون المزيد والمزيد من الاهتمام لها، وغالبًا ما يتحدثون عن "النمطية" دون وعي، ولكن هل تفهم حقًا ما هي "النمطية"؟
ما هو نمطية؟
هناك 28 تفسيرًا لـ "النمطية" في CNKI. ويمكن ملاحظة أن التفكير "المعياري" يستخدم على نطاق واسع. ربما يكون التفسير الأقرب لـ "النموذجية" في إعادة بناء الصفحة هو التفسير في تطوير البرمجيات.
دعونا نلقي نظرة أولاً على كيفية شرح مدخل بايدو لـ " النمطية ":
تشير الوحدات النمطية إلى عملية تقسيم نظام برمجي إلى عدة وحدات طبقة تلو الأخرى من أعلى إلى أسفل عند حل مشكلة معقدة. تكمل كل وحدة وظيفة فرعية محددة، ويتم تجميع جميع الوحدات بطريقة معينة لتشكل وحدة متكاملة لإكمال الوظائف التي يتطلبها النظام بأكمله. تحتوي الوحدة على السمات الأساسية التالية: الواجهة والوظيفة والمنطق والحالة. تعكس الوظيفة والحالة والواجهة الخصائص الخارجية للوحدة، ويعكس المنطق خصائصها الداخلية. في هندسة البرمجيات، الوحدات هي وحدات يمكن دمجها وتفكيكها واستبدالها.
هناك أيضًا عدد لا بأس به من الكتب ذات الصلة، ويمكن للطلاب المهتمين البحث عنها. ويجب التأكيد على أن ما نتعلم منه هو طريقة تفكير.
لماذا يجب أن يكون إنتاج الصفحة معياريًا؟
يتزايد محتوى الموقع ويتضخم الكود، مما يؤثر تدريجيًا على تجربة العميل (سرعة الفتح بشكل أساسي) وكفاءة الصيانة. هل هناك أي طرق لحل هذه المشاكل؟
يمكننا أن نفكر بسهولة في: تقليل تكرار التعليمات البرمجية، وتحسين إعادة استخدام التعليمات البرمجية، وضغط الصور، وما إلى ذلك، ولكن كيف يمكن تحقيق ذلك؟ يمكن حل التفكير المعياري، مما يقلل بشكل فعال من تكرار التعليمات البرمجية ويحسن إعادة استخدام التعليمات البرمجية، والأهم من ذلك أنه يمكن أن يدعم الصيانة متعددة الأشخاص ويقلل تكاليف الصيانة. تعد طريقة كتابة CSS أكثر مرونة ويمكن أن تؤدي بسهولة إلى اقتران التعليمات البرمجية، ويمكن أن يؤدي استخدام الوحدات النمطية أيضًا إلى تقليل الاقتران إلى حد ما، وهو أمر مفيد أيضًا في تحديد موقع الأخطاء. لذلك، يجب أن نولي المزيد من الاهتمام واستخدام "التفكير المعياري" لكتابة الموقع في المرحلة المبكرة من الموقع.
يتضمن جزء كبير من تحسين أداء الموقع الذي ذكرناه سابقًا أيضًا "النموذجية"، مثل تحسين إعادة استخدام التعليمات البرمجية، وتحسين كفاءة التطوير، وما إلى ذلك. هناك العديد من مزايا "النموذجية" وسأدرجها بإيجاز:
أعتقد أن تحسين إعادة استخدام التعليمات البرمجية، وتحسين كفاءة التطوير، وتقليل تكاليف الاتصال، وتقليل الاقتران، وتقليل مخاطر الإصدار، وتقليل وقت تحديد موقع الأخطاء وإصلاح التكاليف، وزيادة تحمل أخطاء الصفحة، وتنفيذ التكرارات السريعة بشكل أفضل، ودعم إصدارات التدرج الرمادي بشكل أفضل ، هو "تحسين" معدل إعادة استخدام الكود"، والذي يعد أيضًا أحد أهم ميزات النمطية.
كيفية تحقيق "النمطية"؟
المشكلة الرئيسية هنا هي "نمطية" HTML وCSS. يمكننا أن ننظر في كيفية تنفيذ السلخ:
نفس اسم الفئة، تغيير الملفات (JS)
نفس الملف، قم بتغيير اسم الفئة (JS)
من هذا يمكننا أن نرى تنفيذ واجهة HTML وCSS:
من أجل تنفيذ هذه الواجهة بشكل أفضل، تحتاج الطرق الثلاثة لأسماء الفئات التي تقدمها CSS إلى اتفاقيات وقواعد ومواصفات ذات صلة (التفاعل والتصميم والصفحة والتطوير)، على سبيل المثال: تستخدم جميع الحالات الحالية نفس اسم الفئة "nonce "، تستخدم جميع العروض ذات اللون الرمادي اسم الفئة الأصلي متبوعًا بـ "_n"، وتنفيذ Tab، وما إلى ذلك. مع وجود هذه الاتفاقيات والقواعد والمواصفات، يمكن بسهولة صياغة تعليمات HTML البرمجية وتوحيدها مع مواصفات الواجهة.
هناك فهمان خاطئان يجب فهمهما أولاً:
لا تعني النمذجة إمكانية استخدامها في أي مكان (تحتوي مقاطع التعليمات البرمجية المعيارية أيضًا على قيود نطاق قابلة للتطبيق وتتطلب بيئة توفر قواعد الواجهة)
لا تعني الوحدة النمطية أنه لا يمكن تغييرها (يمكن تعديل مقاطع التعليمات البرمجية المعيارية وفقًا للاحتياجات الفعلية)
يتم وضع وحدات مستقلة تمامًا في نفس المشروع نظرًا لأن المشروع له أداء خاص به ووحدة تفاعلية، فيجب أن تكون هناك أجزاء متشابهة بين الوحدات ويمكن اقتراح هذه الأجزاء كتعريفات مشتركة لتقليل التكرار، وستنشأ مشاكل الاقتران في هذا الوقت ومن المستحيل أن يتم فصلها تمامًا، لذلك فإن النقطة المهمة جدًا في النمذجة هي "الاقتران المعتدل". مع التعريف العام، من الضروري ضبط تنفيذ نمط الوحدة، وسيؤثر هذا التعديل أيضًا على تنفيذ "الواجهة".
نظرًا لأن هذه المقالة تتحدث بشكل أساسي عن طريقة التفكير المعيارية، فستتم مناقشة تفاصيل التنفيذ المحددة في المقالات المستقبلية. للحصول على محتوى ذي صلة، يمكنك قراءة " التركيبة النمطية من تصميم أثاث ايكيا " المكتوبة مسبقًا. مرحبا بكم في مناقشة معا.