Lorsque chaque div avec class="div" a un événement de clic, nous pouvons utiliser la délégation d'événement,
Copier le code
7. Gérer correctement les boucles
Le bouclage est une opération qui prend du temps. Si vous pouvez utiliser un sélecteur pour sélectionner directement des éléments, n'utilisez pas de boucles pour parcourir les éléments un par un.
Les méthodes natives de Javascript for et while sont plus rapides que each() de jQuery. Par conséquent, les méthodes natives doivent être utilisées en premier.
8. Réduire la génération d'objets JQuery
La génération d'un objet Query générera les propriétés et méthodes correspondantes, ce qui consomme plus de ressources. Essayez donc de réduire la génération d'objets jQuery.
9. Portée des variables
Lorsqu'une variable n'est pas nécessaire dans plusieurs appels de fonction, la variable doit être placée dans la fonction pour réduire le temps de recherche du code lorsque le code est exécuté.
10. Différer certaines fonctions à l'exécution de $(window).load
$(document).ready est vraiment simple à utiliser, mais il peut être exécuté avant que d'autres éléments ne soient téléchargés lors du rendu de la page.
11. Fusion de scripts
Les scripts sont chargés un par un, réduire le nombre de scripts peut également améliorer l'efficacité.
12. Encapsulation des éléments
Lors de l'insertion de contenu dans un nœud, vous pouvez d'abord encapsuler le contenu, puis l'insérer.
var content = "";
$(" #head").html(content);
L'autre consiste à compresser les fichiers js.
À mesure que jQuery continue d'être utilisé, de plus en plus de méthodes d'optimisation seront découvertes.