SuperMonkey

Meilleures performances avec $ de jQuery

Jul 12th, 2012
188
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //fonction pour connaitre approximativement le temps d’exécution d'une fonction
  2. function chrono_func(func, arg) {
  3.   var t = new Date().getTime();
  4.   func(arg);
  5.   return new Date().getTime() - t;
  6. }
  7.  
  8. var _ = function (e) {
  9.   return document.querySelectorAll(e);
  10. }
  11.  
  12. //on fait quelques tests de rapidité
  13. console.log(chrono_func(_, ".hello")); // 0ms
  14. console.log(chrono_func($, ".hello")); // 1ms
  15. console.log(chrono_func($, _(".hello"))); // 0ms
  16.  
  17. //on s'appercoit que le selector de jQuery est plus rapide lorsqu'on passe en argument le querySelector natif du javascript :D vu la fréquence d'utilisation du $ quand on code avec Jquery, je pense que c'est une bonne chose à savoir :)
  18.  
  19. //donc si on veut utiliser le selecteur $ de jQuery, en plus rapide, ça fait par exemple :
  20. var elements = $(_(".hello")).css("border", "1px dashed red");
Advertisement
Add Comment
Please, Sign In to add comment