2008 Jun 20 2008
Jei kada nors ar padarydami vieną) Vertikalus meniu sąrašo elementus (LI) žodžius ir CSS, galite susidurti, tai dar viena klaida Internet Explorer, ty 6 įterpia šios spragos tarp sąrašo elementų, kuriuose yra bendrosios lygio elementus, ty jei yra bet koks tarpus tarp sąrašo elementų žymėjimas. Ačiū, bet ne ačiū, IE 7 versija, atrodo, iš šios klaidos.
Jei patiko man, ir daug daugiau, jums priklauso šio nusivylė kūrėjų, kurie vis dar turi gauti savo naujus išdėstymus, darbo IE6 juosta, tada tai gali būti naudinga. Pažvelkite ...
Bandomasis žymėjimas:
<ul id="menu">
<li> <a href="#"> Pradžia </ a> </ li>
<li> <a href="#"> Apie </ a> </ li>
<li> <a href="#"> Paslaugos </ a> </ li>
<li> <a href="#"> Portfelio </ a> </ li>
<li> <a href="#"> DUK </ a> </ li>
<li> <a href="#"> Kontaktai </ a> </ li>
</ Ul>
Galite sukurti šiek tiek CSS, panašus į vieną žemiau, aukščiau žymėjimą transfrom ją pastatyti į vertikalią meniu ....
Pavyzdys CSS ...
# Meniu {
margin: 0; padding: 0; fonas: # FF9900;
list-style-tipas: none; plotis: 150 vaizdo elementų;
}
# Meniu li {margin: 0; padding: 0;}
# Meniu {display: blokinis;
spalva: # 555.555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}
Rezultatai pamatysite ...
Sprendimas dėl šios klaidos ... (pakeistas / pridėti CSS pusjuodžiu kursyvu)
# Meniu {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; plotis: 150 vaizdo elementų;
float: left; / * tai yra Paskelbtų sąrašo elementus * /
}
# Meniu li {
margin: 0; padding: 0;
float: left; / * Tai nustato * /
plotis: 100%; / * tarpus klaida IE6 * /
}
# Meniu {
kalbomis: blokas; color: # 555.555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}
Jei virš sprendimas doesnot atrodo dirbti (IE6 tik žinomų priežasčių), ... pabandykite šį metodą, o ne
Tiesiog pridėkite šiuos papildomus IE6 tik stilius žymėjimą ...
<- [Jei IE 7 lt>
<style type="text/css">
# Meniu li {display: inline-block;}
# Meniu li {display: blokinis;}
</ Style>
<[Endif] ->
Nėra komentarų | tags: IE klaidas , IE korekcija , IE hacks , ty klausimai , IE6 , Tutorials | posted in Browser Photoshop , CSS
2008 Jun 6 2008
Daugiau DOM elementų puslapyje, lėčiau jis tampa lėtesnis yra DOM prieiga JavaScript. DOM elementų skaičius gali būti dėl blogai maketavimas. Pavyzdžiui, įdėtos lentelės gali būti naudojamos išdėstymo tikslams. Naudokite bet kurį HTML tegus kur yra prasminga semantiškai. Pvz. DONOT naudojimo lentelėse maketai, bet DONOT drąsiai jomis naudotis, kur jūs turite rodyti lentelių duomenis, ir todėl bus naudoti sumažinti DOM elementus, palyginti su panašios struktūros, sukurtos naudojant DIV tik ..
Norėdami patikrinti jūsų puslapio HTML DOM elementų skaičių, tiesiog įrašykite šią Firebug konsolės: document.getElementsByTagName('*').length
Nėra nustatytas standartas, kiek DOM elementai yra per daug. Patikrinkite, ar kitus panašius puslapius, kurie turi gerą markup.Eg. Yahoo! Titulinis gana užimtas puslapis, ir dar pagal 700 elementų (HTML žymes).
No comments | tags: Best Practices , DOM | paskelbtas Gerosios patirties , Vartotojo sąsaja Desgin
2008 Bir 2 2008
Naudokite AJAX Prašymų gauti
Buvo nustatyta, kad naudojant XMLHttpRequest, pranešimas yra įgyvendinamos naršyklės dviem etapais: siunčiančiojo antraštes, tada siunčiant duomenis. Taigi, tai geriausia naudoti GET, kuri trunka tik vieną TCP paketą siųsti (jei turite daug slapukus). Maksimalus URL ilgis IE yra 2K, todėl, jei jums siųsti daugiau nei 2K duomenis galite negalėsite naudoti GET.
Įdomus pusė afektas, kad po be faktiškai komandiravimo visus duomenis, elgiasi kaip GET. GET yra skirtas išrinkti informaciją, todėl prasminga semantiškai) naudoti, kai jūs tik prašoma įvesti duomenis, o ne siunčiant duomenis, turi būti saugomi server-side.
Venkite Synchronous AJAX skambučiai
"Ajax" prašymus, galite pasirinkti arba async arba sinchronizavimo režimą. "Async režimas veikia fone prašymą, o kitos naršyklės veikla gali toliau apdoroti. Sinchronizavimo režimas lauks prašymu grąžinti prieš tęsiant.
Sinchronizavimo režimą prašymai turėtų būti vengiama. Šie prašymai bus sukelti naršyklę užrakinti vartotojo kol užklausą. Tais atvejais, kai serveris yra užimtas ir atsakymas užtrunka šiek tiek laiko, vartotojo naršyklę (o gal OS), neleis nieko daugiau turi būti padaryta. Tais atvejais, kai atsakymas niekada tinkamai gautų, naršyklė gali ir toliau blokuoti, kol prašymas laikas baigėsi.
Jei manote, kad jūsų padėtis reikalauja sinchronizavimo režimą, tai greičiausiai atėjo laikas iš naujo apgalvoti savo dizainą. Labai nedaug (jei yra) situacijos faktiškai reikalauja Ajax prašymus sinchronizavimo režimu.
1 comment | tags: AJAX , Best Practices | Posted in AJAX , Best Practices , Vartotojo sąsaja Desgin