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

• Sk8erPeter nagyúr

  #2851

  #2848 v2izzy

  2012-08-27 00:30:58

  Ú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

  

  Sk8erPeter

  nagyúr

  #2848 v2izzy

  #2848 v2izzy

  Na akkor, sorra veszem.

  1. Csak jQuery:
  var foo = $('.foo')
  
  foo.css('color', '#CCC')
  foo.css({
  'font-size': '14px'
  , width: '250px'
  })
  Ennek a sebessége átl. 160-170ms.

  2. Styled I. változat:
  var foo = $('.foo').styled()
  
  foo.set('color', '#CCC')
  foo.set({
  'font-size': '14px'
  , width: '250px'
  })
  Ennek a sebessége átl. 5-6ms.

  3. Styled II. változat:
  var foo = $.styled('.foo')
  
  foo.set('color', '#CCC')
  foo.set({
  'font-size': '14px'
  , width: '250px'
  })
  Ennek a sebessége átl. 0-1ms.

  A II. azért gyorsabb mint az I., mert az I.-ben van egy függvényhívás először: $('.foo') és ennek a időt vesz a lefutása (a 2 közti különbség). A II.-nál pedig csak egy stringként átadom a selectort.

  Ja hogy így!
  Ez volt a lényeg, hogy stringként adod át, erre kérdeztem rá. ($.styled('.foo'))

  Mondjuk nem mintha az 1 ms versus 5 ms különbséget túl sűrűn lehetne releváns különbségnek nevezni.

  De mindenesetre azt bizonyítja az összes teszt, hogy abban az esetben igencsak megfontolandó a plugined használata, amennyiben RENGETEG elemről van szó, amit egyszerre kell módosítani.
  Mondjuk a felrakott tesztedben egyértelműen érezhető, hogy a jQuery-s .css() módosítás mennyivel lassabb. Mármint számok ismerete nélkül érezhető.

  ==================

  (#2849) Karma :
  ez kurva jó.

  

  Amúgy ez tényleg csak viccnek jó, mert az AJAX-os rész azért már igencsak sántít, mert a kód nem cross-browser megoldást mutat. Na de nem kötekszem.

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