Duke shprehur IT

Nëse ju keni bërë ndonjëherë (ose për të bërë një) Meny një vertikale duke përdorur sende të listës (li) tags dhe CSS, ju mund të hasni, kjo edhe një bug në Internet Explorer, ku IE 6 fut këto boshllëqe në mes të artikujve lista që përmbajnë elemente të nivelit të bllokojë, të dmth nëse ka ndonjë hapësira të bardha në mes të artikujve në listën Markup. Faleminderit, por jo falë, versioni i IE 7 duket të lirë nga ky bug.
Nëse si unë, dhe shumë më tepër, ju i përkasin këtij grupi të zhvilluesve të frustruar, të cilët ende kanë për të marrë Layouts e tyre të reja, duke punuar në IE6 shumë, atëherë kjo mund të provojë të dobishme. Have a look ...

Markup Shembull:

<ul id="menu">
<li> <a href="#"> Kryesore </ a> </ li>
<li> <a href="#"> Rreth </ a> </ li>
<li> <a href="#"> Shërbimet </ a> </ li>
<li> <a href="#"> Portfolio </ a> </ li>
<li> <a href="#"> FAQ </ a> </ li>
<li> <a href="#"> Na Kontaktoni </ a> </ li>
</ Ul>

Ju mund të krijojë disa CSS, të ngjashme me atë më poshtë, për të transfrom e Markup e mësipërme në një meny vertikale ....

Shembull CSS ...
# Menu {
margin: 0; padding: 0; background: # FF9900;
list-style-type: none; width: 150px;
}
# Menu li {margin: 0; padding: 0;}
# Menu a {display: block;
color: # 555555;
text-stolisje: none;
mbushje: 0 15px;
line-height: 2.5; kufirit-bottom: solid 1px # FFF;
}

Rezultatet e ju do të shihni ...

Zgjidhja për këtë bug ... (modifikuar / CSS shtuar në shkronja korsive të guximshme)

# Menu {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; width: 150px;
noton: la; / * kjo përmban artikuj qarkulloi lista * /
}
# Menu li {
margin: 0; padding: 0;
noton: la, / * Kjo fixes * /
width: 100%; / * bug hapësira të bardha në IE6 * /
}
# Menu a {
display: block; color: # 555555;
text-stolisje: none;
mbushje: 0 15px;
line-height: 2.5; kufirit-bottom: solid 1px # FFF;
}

Nëse doesnot lart zgjidhje duket për të punuar (për arsye të njohura për IE6 vetëm) ... provoni këtë metodë në vend

Vetëm të shtoni këtë shtesë stilet IE6 vetëm për të Markup tuaj ...

<- [Nëse lejtnant IE 7>
<style type="text/css">
# Menu li a {display: inline-bllok;}
# Menu li a {display: block;}
</ Style>
<[Endif] ->

Më shumë elementet DOM në faqe, më ngadalë ai e bën, të ngadalshme është qasja DOM në të JavaScript. Një numër i madh i elementeve DOM mund të jetë për shkak të projektimit keq layout. Për shembull, tavolina mbivendosur mund të ketë qenë përdorur për qëllime layout. Përdorni ndonjë HTML tag ku ka kuptim semantike. Për tavolina p.sh. përdorim donot për Layouts, por donot hezitoni të përdorin ato ku ju duhet të shfaq të dhëna të sheshtë, dhe kështu do të përdorë të zvogëlojë elementet e DOM, në krahasim, në një strukturë të ngjashme krijuar duke përdorur divs vetëm ..

Për të testuar numrin e elementeve DOM në faqen tuaj HTML, vetëm llojin e mëposhtme në tastierë e Firebug për: document.getElementsByTagName('*').length

Nuk ka standarde të vendosur se si shumë elemente DOM janë shumë. Kontrolloni faqet tjera të ngjashme që kanë markup.Eg mirë. Faqja Yahoo! Page është një faqe shumë e zënë dhe ende nën 700 elemente (tags HTML).

Përdorimi MERRNI për Kërkesat AJAX

Ai ka gjetur se kur përdorni XMLHttpRequest, PAS është zbatuar në shfletues si një proces me dy hapa: dërguese headers parë, pastaj dërgimit të të dhënave. Pra, është mirë të përdorni GET, e cila merr vetëm një paketë TCP për të dërguar (nëse nuk keni një shumë të cookie-t). Gjatësia maksimale URL në IE është 2K, kështu që nëse ju dërgojë më shumë se të dhënat 2K ju mund të mos jetë në gjendje të përdorin GET.
Një të ndikojë interesante anë është se POST pa ndonjë fakt postimi dhënat sillet si GET. MERRNI është menduar për retrieving informacion, kështu që e bën kuptim (semantike) për të përdorur të merrni kur jeni vetëm duke kërkuar të dhëna, në krahasim me dërgimin e të dhënave të ruhen server krah.

Shmangni bën thirrje sinkron AJAX

Kur bën "Ajax" kërkesa, ju mund të zgjidhni ose async apo mode sync. Async mënyrë drejton kërkesën në sfond, ndërsa aktivitete të tjera shfletues mund të vazhdojë të procesit. Sync mënyrë do të presë për kërkesën që të kthejë para se të vazhdoni.
Kërkesat e bëra me menyren sync duhet të shmanget. Këto kërkesa do të bëjë shfletuesin për të bllokohet për përdoruesit e deri në kthimin e kërkesës. Në rastet kur serveri është i zënë dhe përgjigje merr një kohë, shfletuesit e përdoruesit (dhe ndoshta OS) nuk do të lejojë ndonjë gjë tjetër për t'u bërë. Në rastet kur një përgjigje kurrë nuk është marrë siç duhet, browser-i mund të vazhdojë të bllokojë derisa kërkesa është mbaroi koha.
Nëse ju mendoni se gjendja juaj kërkon regjim sync, kjo është koha më e mundshme për të ri-mendoj se dizajni juaj. Situata shumë pak (nëse ka) në të vërtetë kërkojnë kërkesat Ajax ne menyren sync.