Új hozzászólás Aktív témák

• martonx veterán

  #3502

  #3501 Sk8erPeter

  2013-05-20 20:52:33

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  martonx

  veterán

  #3501 Sk8erPeter

  #3501 Sk8erPeter

  Jaja, ez jó workaround, igazából annyi a trükk, hogy setIntervallal 25 milliszekundumonként rajzoltatja újra a képet, és 5 egységgel mozgatja a négyzetet ide-oda a kurzorgombok lenyomására.
  De figyelj azokra a dolgokra, amiket martonx említett.

  (#3500) martonx :
  jaja, ez tényleg gáz, sajnos sokszor a fejlesztők nem figyelnek oda a felesleges overheadre, ami így kicsiben lehet, hogy nem érzékelhető, de eleve igénytelenül programozni elég gáz.
  Meg a cikk mondanivalója nem kicsit félrevezető ezzel az "Until I realized I could just use jQuery." mondattal, amikor ezek a dolgok jQuery nélkül is különösebb macera nélkül megoldhatóak, legalábbis nem itt jön ki a jQuery előnye, az is biztos. Igazából mi az, ami itt rövidíti a kódot? Legfeljebb az eseménykezelés rövidebb egy picit, meg nem írt document.getElementById('canvas')-t, ami valóban hosszabb, mint a $('#canvas'), de nagyjából itt meg is áll a dolog... a többi ergo pontosan ugyanannyiból összehozható plain JS segítségével.

  De hogy ne csak a szám járjon, itt van az egész plain JS-ben, különösebb erőlködés és jQuery nélkül:

  http://jsfiddle.net/Sk8erPeter/b5sxk/

  Kipróbáltam, működik Chrome-ban, Firefoxban, Operában.

  Erről beszéltem. Egyébként ha már karakter baszók akarunk lenni (mondjuk egy 1000 soros plain js-nél már számíthat méretben), érdemes var w = window illetve var d = document konvenciókat használni, és utána már csak d.getelement.byId, meg w.addeventlistener-eket használni.
  Vagy eleve belerakod egy anonim önmeghívó funkcióba, így a js namespace probléma is pipa:

  (function(d,w){
  //Itt jön a kódod
  d.getelementbyid...
  w.addevenetlistener...
  })(document,window)

Új hozzászólás Aktív témák