2008 20 يونيو 2008
إذا كان لديك من أي وقت مضى (أو إجراء واحد) إلى قائمة عمودي باستخدام عناصر قائمة (لي) به والمغلق، فقد تواجه، بعد هذه علة أخرى في Internet Explorer، حيث IE 6 إدراج هذه الفجوات بين عناصر القائمة التي تحتوي على عناصر مستوى الكتلة، أي إذا كان هناك أي المسافات بين عناصر القائمة في العلامات. شكرا، ولكن بفضل لا، إصدار IE 7 يبدو خالية من هذا الخطأ.
إذا مثلي، وغيرها الكثير، كنت تنتمي إلى هذه الفرقة من المطورين المحبطين، الذين لا تزال لديها للحصول على تخطيطات الجديدة، والعمل في IE6 جدا، ثم وهذا قد يكون مفيدا. إلقاء نظرة ...
عينة العلامات:
<ul id="menu">
<LI> <a href="#"> الرئيسية </ a> </ لى>
<LI> <a href="#"> عن </ أ> </ لى>
<LI> <a href="#"> خدمات </ أ> </ لى>
<LI> <a href="#"> حقيبة </ أ> </ لى>
<LI> <a href="#"> مساعدة </ أ> </ لى>
<LI> <a href="#"> الاتصال بنا </ a> </ لى>
</ UL>
هل يمكن أن تخلق بعض المغلق، على غرار ما سيأتي، على transfrom العلامات أعلاه في القائمة رأسي ....
عينة المغلق ...
# القائمة {
هامش: 0؛ الحشو: 0؛ خلفية: # FF9900؛
قائمة على النمط من نوع: لا شيء؛ العرض: 150px؛
}
# القائمة لى {هامش: 0؛ الحشو: 0؛}
# قائمة 1 {العرض: كتلة؛
اللون: # 555555؛
النصوص الديكور: لا شيء؛
الحشو: 0 15px؛
خط الطول: 2.5؛ الحدود القاع: 1px الصلبة # FFF؛
}
النتائج التي سوف نرى ...
حل لهذا الخطأ ... (تعديل / إضافة CSS بخط مائل جريئة)
# القائمة {
هامش: 0؛ الحشو: 0؛ خلفية: # FF9900؛ قائمة على النمط من نوع: لا شيء؛ العرض: 150px؛
تعويم: غادر؛ / * هذا يحتوي على عناصر قائمة تعويم * /
}
# القائمة لى {
هامش: 0؛ الحشو: 0؛
تعويم: غادر؛ / * هذا حل * /
عرض: 100٪؛ / بقة بيضاء * في IE6 * /
}
# قائمة 1 {
عرض: كتلة؛ اللون: # 555555؛
النصوص الديكور: لا شيء؛
الحشو: 0 15px؛
خط الطول: 2.5؛ الحدود القاع: 1px الصلبة # FFF؛
}
إذا كان لا يتلقى الحل أعلاه يبدو للعمل (لأسباب معروفة للIE6 فقط) ... جرب هذه الطريقة بدلا من ذلك
فقط إضافة هذه الأساليب إضافية فقط IE6 إلى العلامات الخاصة بك ...
<- [إذا LT IE 7>
<style type="text/css">
# القائمة لى {العرض: مضمنة لبنة؛}
# القائمة لى {العرض: كتلة؛}
</ النمط>
<[ENDIF] ->
لا توجد تعليقات | العلامات: البق IE ، IE المآزق ، المأجورون آي إي ، أي المسائل ، IE6 ، دروس | نشر في المراوغات متصفح ، CSS
2008 6 يونيو 2008
أكثر عناصر DOM على الصفحة، أبطأ التي تقدمها، أبطأ هو الوصول DOM في وجافا سكريبت. ويمكن لعدد كبير من عناصر DOM يكون بسبب سوء تصميم تصميم. على سبيل المثال، قد تم الجداول المتداخلة المستخدمة لأغراض التخطيط. استخدام أي علامة HTML حيث المنطقي لغويا. على سبيل المثال لاستخدام الجداول متأكدا لتخطيطات، ولكن متأكدا تتردد في استخدامها حيث لديك لعرض جداول البيانات، وبالتالي سوف تستخدم الحد من عناصر DOM، في المقابل، إلى بنية مشابهة تم إنشاؤها باستخدام DIVs فقط ..
لاختبار عدد من عناصر DOM في صفحة HTML الخاصة بك، فقط اكتب ما يلي في وحدة التحكم في الحرائق: document.getElementsByTagName('*').length
ليس هناك معيار تحديد لكيفية العديد من عناصر DOM هي كثيرة جدا. فحص صفحات أخرى مشابهة لها markup.Eg جيد. ياهو! الصفحة الرئيسية هي صفحة مشغول جدا وتحت لا يزال 700 عنصر (علامات HTML).
لا توجد تعليقات | العلامات: أفضل الممارسات ، DOM | نشر في أفضل الممارسات ، واجهة المستخدم Desgin
2008 2 يونيو 2008
استخدم الحصول على لطلبات أجاكس
وقد وجد أنه عند استخدام مدعوم، ويتم تنفيذ البريد في برامج التصفح على أنها عملية من خطوتين: إرسال رؤوس أولا، ثم إرسال البيانات. لذلك فمن الأفضل استخدام GET، والتي تأخذ واحدة فقط لإرسال حزمة TCP (إلا إذا كان لديك الكثير من ملفات تعريف الارتباط). طول URL أقصى في IE هو 2K، حتى إذا قمت بإرسال أكثر من البيانات 2K قد لا تكون قادرة على استخدام GET.
له تأثير الجانب المثير للاهتمام هو أن المشاركة بدون نشر في الواقع أي بيانات يتصرف مثل GET. ومن المفترض الحصول عليها لاسترجاع المعلومات، لذلك فمن المنطقي (غويا) لاستخدام تحصل عليه عندما كنت طالبا فقط البيانات، بدلا من إرسال البيانات ليتم تخزينها من جانب الخادم.
تجنب متزامن تطلب اجاكس
عندما جعل "أياكس" طلبات، يمكنك اختيار إما متزامن أو وضع المزامنة. التزامن وضع يدير طلب في الخلفية في حين أن أنشطة متصفح آخر يمكن أن تستمر في معالجة. وتزامن وضع الانتظار لطلب للعودة قبل المتابعة.
وينبغي تجنب الطلبات التي تقدم مع وضع متزامنة. وسوف تتسبب هذه الطلبات المستعرض لحبس للمستخدم حتى يعود الطلب. في الحالات حيث كان الملقم مشغول والاستجابة يأخذ بعض الوقت، متصفح المستخدم (وربما OS) لا تسمح بأي شيء آخر ينبغي القيام به. في الحالات التي لم تلقى استجابة بشكل صحيح، قد المتصفح يواصل منع حتى انقضاء مهلة الطلب.
إذا كنت تعتقد أن وضعك يتطلب وضع المزامنة، فقد حان الوقت على الأرجح إلى إعادة التفكير في التصميم الخاص بك. حالات قليلة جدا (إن وجدت) تتطلب فعلا طلبات اياكس في وضع متزامنة.
1 تعليق | العلامات: أجاكس ، أفضل الممارسات | نشر في أجاكس ، أفضل الممارسات ، واجهة المستخدم Desgin