2008 13 syyskuu 2008

JavaScript: Muokkaa Web-sivu selaimessa

No, minun täytyy sanoa, ei niin käytännöllinen pala tiedettä, mutta jos olet Web Developer, voivat tulla kätevä, joskus (vai onko se?). Tässä on pieni kirjanmerkki, jonka avulla voit muokata sivun mille tahansa sivustolle.
Ja anteeksi! Voit tallentaa tuloksia omalla koneellasi vain.

javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0


2008 15 toukokuu 2008

Parhaat käytännöt: Työskentely JavaScript n

Sisällytä JavaScript n alareunassa HTML-asiakirja

Jos sinulla ei ole document.write (tai dynaaminen polven Sivujen sisällön avulla javascriptit) lisätä osa sivun sisältöä sivusi, siirrä käsikirjoitus sisältää lausuman sivun loppuun, ennen body.
HTTP/1.1 erittely osoittaa, että selaimet ladata korkeintaan kaksi komponenttia rinnakkain kohti hostname. Jos näytät kuvia useista isäntänimiä, voit saada enemmän kuin kaksi lataukset esiintyy rinnakkain. Kun käsikirjoitus ei lataamista, mutta selain ei aloita mitään muita ladattavia, jopa eri isäntänimiä.
On myös tapoja dynaamisesti luoda SCRIPT solmut ja ladata kauko-skriptien kun sivu ladataan AJAX.

Ulkoistaa te JavaScript n

Ulkoisen JavaScript tiedostot mahdollistaa nopeammat kuormitus sivut, koska JavaScript tiedostot välimuistiin selaimen. Inline JavaScript n 'HTML-asiakirjoissa saa ladata aina HTML asiakirja on pyydetty. Tämä voi todella vähentää määrää HTTP-pyyntöjen mutta sen jälkeen koko kasvaa HTML asiakirjan. Ulkoiset JavaScript n välimuistiin selaimen, koko HTML asiakirjan pienenee lisäämättä määrää HTTP-pyyntöjä.
Huomaa, että jos käyttäjät sivustossasi on useita sivun näyttökertaa istunto ja monet sivut uudelleen käyttää samaa skriptit ja stylesheets, on paremmat mahdollisuudet hyötyä välimuistiin ulkopuolisista tiedostoista.

Pakkaa Javascript tiedostot

Jos JavaScript, toisin kuin CSS-tiedostot voisi crunched käyttäen joitakin standardin algoritmeja, jotka antaisivat vähemmän tiedostokoko kuin yksinkertaisesti poistamalla välilyönneillä tai tabulaattorilla. Esimerkki javascript pakkaajan löytyvät täältä http://dean.edwards.name/packer/

Päästä eroon kaikista Duplicate Scripts

On erittäin harvinaista, että koko skriptejä voidaan monistaa, mutta uudelleen kymmenen eniten Yhdysvaltojen web-sivustojen mukaan kaksi niistä sisältävät päällekkäisiä käsikirjoituksen. Monista skriptejä mutta ilmeisesti heikentää suorituskykyä luomalla tarpeettomia HTTP-pyyntöjä ja hukkaan JavaScript-koodin suoritus.
Myös monissa tapauksissa, mutta skriptit nimet ovat erilaiset, on todennäköistä, kaksoiskappaleen skriptien saman sivun johtuen ryhmän kokoa ja määrää skriptien.

Minimoi pääsy DOM elementtien mahdollisuuksien

Pääsy DOM elementtejä JavaScript hitaasti niin, jotta entistä paremmin vastaamaan sivun, sinun pitäisi:
• Cache viittauksia näytetty elementtien
• Päivitä solmuja "offline", ja lisää ne puuhun
• Vältä vahvistamisesta ulkoasun kanssa JavaScriptin

Erillinen käyttäytymistä sisältöä ja esittämistapaa on

Aivan kuten me erillisenä Esitys (CSS / XSLT) Content (XHTML / XML), meidän pitäisi myös erottaa Behavior (Javascript). Tätä kutsutaan huomaamattomia Javascriptiä. Aivan kuten me linkittää ulkoiseen CSS-tiedostoja, meidän pitäisi linkittää ulkoisia javascript tiedostoja.

Sen sijaan kovaa koodausta käyttäytymisestä sisältöä (esim. onmouseover, onclick, jne.), toiminta olisi dynaamisesti lisätä elementtejä, luokat ja ainutlaatuinen elementit (IDS) käyttäen DOM. Perustava asiakirja, sisältöä, pitäisi olla vain voimassa XHTML / XML eikä javascriptiä.
Javascript pitäisi lisätä sisältöä lisäämällä käyttäytymistä. Sisällön tulisi pysyä hyödyllinen ja käyttökelpoinen ilman javascriptiä (tai ilman täyttä javascript-tuki).


NDK home | Ilmaiseminen IT | ilmaiseminen Palate | ilmaiseminen Penmenship | ilmaiseminen Awe | ilmaista itseäni