Изразяване на ИТ

Ако някога сте (или производството на един) вертикално меню с помощта на елементи от списък (LI) тагове и CSS, които може да срещнете, това още един бъг в Internet Explorer, където IE 6 вмъква тези пропуски между елементите на списъка, които съдържат блокови елементи ниво, т.е. ако има празни пространства между елементите на списъка в маркиране. Благодаря, но Не, благодаря, версията на IE 7 изглежда от тази грешка.
Ако като мен, и още много други, които принадлежат към тази група от разочарованите разработчици, които все още имат да получат своите нови оформления, работещи в IE6, то това може да се окаже полезно. Да разгледаме по ...

Проба за маркиране:

<ul id="menu">
<li> <a href="#"> Начална страница </ A> </ li>
<li> <a href="#"> За нас </ A> </ li>
<li> <a href="#"> Услуги </ A> </ li>
<li> <a href="#"> Портфолио </ A> </ li>
<li> <a href="#"> Често задавани въпроси </ A> </ li>
<li> <a href="#"> Свържете се с нас </ A> </ li>
</ UL>

Можете да създадете някои CSS, подобен на този по-долу, за да transfrom над маркиране в едно вертикално меню ....

Примерен CSS ...
# Меню {
марж: 0; подложка: 0; фон: # FF9900;
Списъкът стил тип: няма; ширина: 150px;
}
# Меню Ли {марж: 0; подложка: 0;}
# Меню {дисплей: блок;
цвят: # 555555;
текстови декорация: няма;
подложка: 0 15px;
линия-височина: 2,5; дъно граници: 1px солидна # FFF;
}

Резултатите, ще видиш ...

Разтвор за този бъг ... (промяна / добавен CSS в получер курсив)

# Меню {
марж: 0; подложка: 0; фон: # FF9900; списъка стил тип: няма; ширина: 150px;
поплавъка: ляво; / * това съдържа сключило елементи от списъка * /
}
# Меню Ли {
марж: 0; подложка: 0;
поплавъка: ляво; / * Това поправки * /
ширина: 100%; / * празно бъг в IE6 * /
}
# Меню {
дисплей: блок; цвят: # 555555;
текстови декорация: няма;
подложка: 0 15px;
линия-височина: 2,5; дъно граници: 1px солидна # FFF;
}

Ако по-горе doesnot решение изглежда да работят (по причини, известни IE6 само) ... опитате този метод, вместо да

Просто добавете този допълнителен IE6 само стилове, за да ви маркиране ...

<- [Ако LT IE 7>
<style type="text/css">
# Меню Ли една {дисплей: инлайн блок;}
# Меню Ли една {дисплей: блок;}
</ STYLE>
<[Изпитва] ->

Още на ДОМ елементи на страницата, бавно го прави, по-бавно е DOM достъп, в JavaScript. Голям брой елементи на дом може да се дължи лошият дизайн оформление. Например, вложени таблици може да се използва за оформление. Използвайте всички HTML тагове, където се прави смисъл семантично. За напр. използването DONOT таблици за оформления, но DONOT колебание да ги ползвате, където ще трябва да покаже таблични данни, и по този начин ще се намали Дом елементи, в сравнение с подобна структура, създаден с помощта на DIV секциите само ...

За да проверите броя на елементите на DOM в HTML страницата си, просто въведете следното в конзолата на Firebug: document.getElementsByTagName('*').length

Няма точно определен стандарт, колко Дом елементи са твърде много. Проверете други подобни страници, които имат добра markup.Eg. Начало Page Yahoo! е доста натоварен страница и все още под 700 елемента (HTML тагове).

Използвайте получите Заявки AJAX

Установено е, че при използване на XMLHttpRequest, длъжност се изпълнява в браузърите като двуетапен процес: изпращане на заглавките, след изпращане на данни. Така че това е най-добре да се използва GET, която отнема само един TCP пакет, за да изпратите (ако не сте много на "бисквитки"). Максималната дължина на URL в IE е 2K, така че ако ви изпратим повече от 2K данни може да не бъде в състояние да използват ВЗЕМИ.
Интересен страничен ефект е, че пост, без всъщност да публикува всякакви данни, се държи като ВЗЕМЕТЕ. Получавате, е предназначена за извличане на информация, така че има смисъл (семантично) да се използва, когато сте само искане на данни, като се противопоставят на изпращането на данни да се съхраняват от страна на сървъра.

Избягвайте Синхронни призовава AJAX

Когато правите на "Аякс" Исканията, можете да изберете async или синхронизиране режим,. Async режим работи искане във фонов режим, докато други дейности на браузъра може да продължи да обработва. Sync режим ще изчака за искане да се върне, преди да продължите.
Искания, направени с режим за синхронизация, трябва да се избягва. Тези искания ще накара браузъра да заключите за потребителя, докато молбата се връща. В случаите, когато сървъра е зает и отговор отнема известно време, браузъра на потребителя (а може би OS) няма да позволи нищо друго да се направи. В случаите, когато в отговор никога не е правилно е получил, браузърът може да продължи да блокира, докато молбата се изтече.
Ако смятате, че вашата ситуация изисква синхронизация режим, това е най-вероятното време, за да преосмислят своя дизайн. Много малко (ако има) ситуации, всъщност изискват AJAX заявки в режим на синхронизация.