1. #1
    Bram's Avatar
    Registered
    01/08/02
    Location
    Gent
    Posts
    9,675
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/361

    Betere jQuery (javascript) schrijven

    Hey iedereen

    Mijn javascript/jQuery kennis is compleet autodidactisch en groeit nog steeds met elke functie dat ik schrijf. Ik vrees echter dat m'n code vaak ver van optimaal is en we (op't werk) krijgen dan ook van tijd tot tijd klachten dat pagina's sloom reageren/men in IE waarschuwingen krijgt over trage javascripts.

    Ik zou graag wat bijleren/bijlezen over performante javascript schrijven of eventueel wat geavanceerdere jQuery. Maar geen idee waar te beginnen. Zijn er mensen die boeken kunnen aanraden? Een cursus of bijscholing?
    If I had a nickel for every time someone told me that my idea for melting down coins to make a giant robotic parrot was a bad idea, I would have one kicka$$ giant robotic parrot.
    no votes  

  2. #2
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    begin met pure javascript te leren.. dan zulde begrijpen hoe dat die selectors in javascript werken. Want dat is meestal het gene dat geoptimaliseerd kan worden.

    bvb: Javascript : The good parts: Beknopt boekje , zal je zelf nog wat studie moeten rond doen.

    Grtz
    no votes  

  3. #3
    dJeez's Avatar
    Registered
    17/07/02
    Location
    Sol System
    Posts
    10,064
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    27/78
    Je kan - naast het boek dat adrianhates aanhaalde - ook terecht op de Yahoo! pagina van de meester (Douglas Crockford) : Crockford on JavaScript: A Public Lecture Series at Yahoo! en daar wat video's bekijken.
    PSN: dJeezBE - Delicious bookmarks
    Disclaimer: I am currently suffering from severe CSD (Compulsive Sarcasm Disorder). - L'onion fait la farce - Facile largire de alieno
    Pastafarian by choice
    no votes  

  4. #4
    Dastardly's Avatar
    Registered
    20/08/09
    Location
    ...
    Posts
    3,812
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)
    Reputation
    7/127
    IE waarschuwingen over trage javascripts zijn niet zo simpel op te lossen. meestal ga je daar server side iets aan moeten doen.

    vb: je hebt een dropdown met 15 000 items in die je via jQuery wil omzetten tot iets moois. dat betekend dat jQuery voor die 15k items spans, divs en images gaat toevoegen -> IE geeft melding dat het script te lang duurt.

    de enige oplossing daar is om er voor te zorgen dat je waardes kan inladen met bijv. ajax of iets dergelijks, of je gaat een andere plugin moeten zoeken die je dropdown gaat aanpassen.

    nu is IE echt wel de 'bitch' als het gaat om JS verwerking. ergens vind ik het de keuze van de klant als ze persé IE willen gebruiken én er van uitgaan dat hun site volzit met dynamische en bewegende dingen. (nuja, dit uitleggen aan een klant is zoals een levende haai zijn tanden veilen terwijl iemand een anaal onderzoek bij dat beest is aan het uitvoeren. je staat liever aan de andere kant.)

    wat ook enorm kan helpen is niet alles in uw document.ready zwieren. zorg ervoor dat je zelf via html / css de layout van bijv. uw dropdown hebt aangepast naar die van uw plugin en doe $('#dropdown').plugin() pas als je er op klikt bijv.

    wat ik altijd handig vind is ook de jQuery site. als ge iets opzoekt over bijv. child selectors krijg je al de uitleg, maar onderaan staat er zo goed als altijd wel wat comments over de meest performante manier om iets te gaan doen.

    $('#div > ul > li > a').... gaat bijv. een pak trager zijn als uw links een klasse geven en $('.link')... te doen (common sense )
    Gory, gory, what a hell of way to die.
    no votes  

  5. #5
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    Quote Originally Posted by Dastardly View Post
    This quote is hidden because you are ignoring this member. Show
    -- knip --

    $('#div > ul > li > a').... gaat bijv. een pak trager zijn als uw links een klasse geven en $('.link')... te doen (common sense )
    degelijke reply!

    Nog een toevoeging: selecteren op ID's gaat nog sneller dan selecteren op classes.

    Grtz
    no votes  

  6. #6
    piemel's Avatar
    Registered
    27/06/11
    Location
    Antwerpen
    Posts
    580
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    5/26
    geekiriki: jQuery meets CoffeeScript
    How CoffeeScript makes jQuery more fun than ever - buhrmi's Blog
    Using jQuery with CoffeeScript - Aaron Russell

    underscore is reeds geport naar coffeescript, jquery (voorlopig nog) niet. Coffeescript is een soort van tool dat het "coffeescript" dat ge schrijft omzet naar javascript ("beetje gelijkaardig" aan HipHop van facebook).

    Coffeescript kan uw javascript sneller maken, indien ge het op de juiste manier gebruikt.

    ArtzStudio » Blog Archive » jQuery Performance Rules
    http://net.tutsplus.com/tutorials/ja...y-performance/
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in