2008 20. lipnja 2008

Bijeli prostor u Bug Line / Popis stavki (li) u IE6

Ako ste ikada napravio (ili stvaranje jednog) Vertikalni izbornik pomoću stavke popisa (li) oznake i CSS, možda ćete naići, ovo još jedan bug u programu Internet Explorer, gdje IE 6 umeće ove razlike između stavki popisa koje sadrže elemente blok razini, odnosno postoji li razmak između stavki popisa u oznake. Hvala, ali ne hvala, IE 7 verzija čini slobodnim od tog buga.
Ako poput mene, i još mnogo toga, što pripada ovom pojasu frustriranih programere, koji još uvijek moraju dobiti svoje nove izglede, koji rade u IE6 previše, onda bi to moglo biti korisno. Imati pogledati ...

Primjer za označavanje:

<ul id="menu">
<li> <a href="#"> Početna stranica </ a> </ li>
<li> <a href="#"> O </ a> </ li>
<li> <a href="#"> Usluge </ a> </ li>
<li> <a href="#"> Portfolio </ a> </ li>
<li> <a href="#"> FAQ </ a> </ li>
<li> <a href="#"> Kontaktirajte nas </ a> </ li>
</ Ul>

Možda stvoriti neki CSS, sličan jedan ispod, kako bi se transfrom iznad oznake u vertikalnom izborniku ....

Primjer CSS ...
# Izbornik {
margin: 0; padding: 0; background: # FF9900;
popis-style-type: none; širina: 150px;
}
# Izbornik li {margin: 0; padding: 0;}
# Izbornik {display: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-visina: 2,5; granični dna: 1px solid # FFF;
}

Rezultati ćete vidjeti ...
null

Rješenje za ovaj bug za ... promjene / dodaje CSS podebljano kurzivom)

# Izbornik {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; širina: 150px;
plovak: lijevo; / * ovo plutalo sadrži stavke popisa * /
}
# Izbornik {li
margin: 0; padding: 0;
plovak: lijevo; / * ovdje ispravci * /
širina: 100%; / * razmak bug u IE6 * /
}
# Izbornik {
display: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-visina: 2,5; granični dna: 1px solid # FFF;
}

Ako gore navedeni rješenje doesnot činiti se to funkcionirati (iz razloga poznatih samo IE6) ... probati ovu metodu umjesto

Jednostavno dodajte ovaj dodatni IE6 samo stilove na oznake ...

<- [If IE 7 Lt>
<style type="text/css">
# Izbornik li {display: inline-block;}
# Izbornik li {display: block;}
</ Style>
<[Endif] ->


2008 6. lipanj 2008

Best Practices: Držati Broj DOM elemenata Mala

Više DOM elementi na stranici, to čini sporije, sporije je DOM pristup u JavaScript-a. Velik broj DOM elemenata mogu biti posljedica loše dizajn izgled. Na primjer, ugniježđena tablica mogao koristiti za izgled svrhe. Koristite bilo koji HTML oznake gdje se ima smisla semantički. Za npr. DONOT koristiti tablice za layouts, ali DONOT slobodno ih koristiti, gdje imate za prikaz tabličnim podacima, a time će se koristiti smanjiti DOM elemenata, u usporedbi sa sličnim strukture stvorene korištenjem samo DIVs ..

Da bi testirali broj DOM elemenata u HTML stranici, samo upišite sljedeće u firebuga u konzolu: document.getElementsByTagName('*').length

Ne postoji standardni set kako mnogi DOM elementi su previše. Provjerite druge slične stranice koje imaju dobar markup.Eg. Yahoo! Početna Stranica je prilično zauzet stranica i još uvijek u 700 elemenata (HTML tagovi).


2008 2. lipnja 2008

Najbolje prakse: korištenje AJAX

Koristite dobiti za AJAX zahtjeva

Utvrđeno je da prilikom korištenja sučelja XMLHttpRequest, POST se provodi u preglednicima kao dva koraka: Slanje zaglavlja prvi, a zatim šalje podatke. Tako da je najbolje koristiti GET, koji traje samo jedan TCP paket poslati (osim ako imate puno kolačića). Maksimalna duljina URL u IE je 2K, pa ako vam poslati više od 2K podataka koje možda neće biti u mogućnosti koristiti GET.
Zanimljivo je da strane utjecati POST zapravo bez objavljivanja bilo podataka ponaša kao GET. GET je namijenjen za dobivanje informacija, tako da ima smisla (semantički) na korištenje dobiti kada ste samo traži podatke, za razliku od slanja podataka biti pohranjena strani poslužitelja.

Izbjegavajte Sinkronizirani AJAX poziva

Prilikom "AJAX" zahtjeve, možete odabrati bilo Async ili sync način. Async način pokreće upit u pozadini dok su drugi preglednik aktivnosti mogu dalje obrađivati. Sync mod će čekati zahtjev da se vrati prije nego što nastavite.
Zahtjevi s sync modu treba izbjegavati. Ovi zahtjevi će uzrokovati preglednik lock up za korisnika, dok upit vraća. U slučajevima kada je poslužitelj zauzet i odgovor traje neko vrijeme, korisnikov preglednik (a možda i OS) neće dopustiti da bilo što drugo što treba učiniti. U slučajevima gdje je odgovor nikada nije ispravno primili, preglednik može nastaviti blokirati sve dok je zahtjev isteklo.
Ako mislite da je vaša situacija zahtijeva usklađivanje rada, to je najvjerojatnije vrijeme da se ponovno mislite da je vaš dizajn. Vrlo je malo (ako ih ima) situacija zapravo zahtijevaju AJAX zahtjeva u sync modu.


NDK dom | Izražavajući IT | Izražavajući Ukus | Izražavajući Penmenship | Izražavajući strahopoštovanje | Izražavajući Sebe