ملخص لبعض التقنيات الشائعة في تطوير الواجهة الأمامية

سيتم تحديث بعض التقنيات وحلول المشكلات الشائعة الاستخدام في تطوير الواجهة الأمامية بشكل متكرر، وآمل أن يكون ذلك مفيدًا للأصدقاء في الطريق الأمامي.

1. كيفية عرض التاريخ على اليمين في قائمة عناوين المقالات (يتم توفير طريقتين، ويعتمد الاستخدام على الحالة):
الطريقة الأولى: الفكرة الموجودة في الطابق الثاني من هذا الإصدار (شكرًا لك ~) تستهلك موارد أقل وتحتوي على سطرين إضافيين من التعليمات البرمجية.

<p>@Mr.Thinkهذا هو عنوان المقال<span>2010-10-10</span></p>

تعريف CSS:

ع {الموضع: نسبي}
ع فترة {الموضع: الحق المطلق: 0}

الطريقة الثانية: الكود أقل من الطريقة الأولى، ولكنه يستهلك المزيد من الموارد.

<p><span>2010-10-10</span>@Mr.Thinkهذا هو عنوان المقال</p>

ثم حدد الامتداد العائم لليمين:

ع فترة {تعويم: يمين}

في الواقع، يمكن أن تمتد هذه الطريقة إلى العديد من المواقف وهي طريقة عملية جدًا في الكتابة؛

2. وفقًا لمعايير الويب، لا يمكن أن يكون هناك سوى علامة h1 واحدة في نفس الصفحة. كثير من الناس يعرفون هذا المفهوم، ولكن القليل من يفعل ذلك؛

3. مشكلة تداخل هوامش المسافات البيضاء مع بعضها البعض: يتم تجنبها بشكل عام عن طريق إضافة حدود شفافة أو حشوة بحجم 1 بكسل. التفسير التفصيلي: http://mrthink.net/css-margin-overlying-way/ ؛

4. يتم تطبيق الحد الأقصى/الحد الأدنى للعرض/الارتفاع ضمن ie6، _width: Expression(this.width >600 ? "600px" : true);

5.html/class/id، من الأفضل كتابته بأحرف صغيرة، وهو أكثر صرامة (بما يتماشى مع معيار xhtml)؛

6. لا ينصح باستخدام الكود التالي ليكون متوافقًا مع IE8:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

إذا كانت الصفحة غير قصيرة المدى، فحاول تجنب استخدامها، ويجب أن تكون الصفحة متوافقة مع الإصدارات السابقة قدر الإمكان.