Optimisation des performances JavaScript summary_javascript compétences-js tutoriel-php.cn

Optimisation des performances JavaScript summary_javascript compétences

WBOY

Libérer： 2016-05-16 15:36:53

original

1087 Les gens l'ont consulté

Avec la promotion continue de la technologie Web2.0, de plus en plus d'applications utilisent la technologie JavaScript pour le traitement côté client, faisant des performances de JavaScript dans le navigateur le problème d'utilisabilité le plus important auquel sont confrontés les développeurs. Ce problème est compliqué par la nature bloquante de JavaScript, ce qui signifie que lorsque le navigateur exécute du code JavaScript, il ne peut rien faire d'autre en même temps. Cet article explique comment charger et exécuter correctement du code JavaScript pour améliorer ses performances dans le navigateur.

En programmation J2EE, le langage de script avec lequel nous sommes le plus en contact est JavaScript. Lorsque nous utilisons JavaScript, nous considérons généralement ses problèmes de performances, nous résumons donc le résumé quotidien des méthodes d'optimisation des performances JavaScript pour les requêtes.
Des problèmes d'épissage de chaînes sont souvent rencontrés lors de l'utilisation de JavaScript. Je voudrais vous demander si vous rencontrez les problèmes ci-dessus lors de l'utilisation de la programmation Java, comment les résoudre ?

Étudiants NX : Professeur, utilisez StringBulider ou StringBuffer

Professeur : La réponse est correcte. L'utilisation de StringBuilder ou StringBuffer peut éviter de créer trop d'objets et de réduire les performances du système.

Bon, revenons au sujet, répondons aux questions sur la façon de gérer les problèmes ci-dessus lors de l'utilisation de JavaScript.

Tout d’abord, examinons comment les étudiants NX sont traités :

<html> 
<script type="text/javascript"> 
var string="begin" 
var date = new Date() 
var begin = date.getTime() 
 
for(var i=0;i<9999999;i++){ 
  string+="abc" 
} 
alert(new Date().getTime() - begin) 
</script> 
</html>

Copier après la connexion

Le professeur a failli rire en voyant la façon dont les élèves de NX y sont parvenus. Ce genre de mise en œuvre poubelle ruinera vraiment votre réputation à vie.
Le professeur a dit avec un sourire : Votre méthode de mise en œuvre est équivalente au niveau d'un élève du primaire, c'est juste une combinaison aléatoire d'un tas de lettres indésirables. Après avoir dit cela, j'ai entendu le professeur SB taper rapidement le code sur le clavier. Avant que les élèves de NX puissent réagir, le professeur avait déjà complété le code :

<html> 
<script type="text/javascript"> 
var string="begin"; 
var string01=["begin"]; 
var date = new Date(); 
var begin = date.getTime(); 
for(var i=0;i<55555555;i++){ 
  //string+="abc"; 
  string01.push("abc"); 
} 
var result = string01.join(""); 
alert(new Date().getTime() - begin); 
</script> 
</html>

Copier après la connexion

En comparant l'exécution des codes ci-dessus, les performances du code de l'enseignant sont nettement meilleures que celles du code de l'étudiant NX. Le code de l'étudiant NX provoque souvent le crash d'IE.
Lorsque les étudiants de NX ont vu les résultats de l'exécution du code, ils ont immédiatement admiré l'enseignant et ont décidé d'apprendre humblement de l'enseignant et de s'améliorer constamment...
Bien que cette histoire ait pris fin, le parcours JavaScript des enseignants et des étudiants NX continue...