Maison  >  Article  >  interface Web  >  Des bases à la maîtrise du langage javascript

Des bases à la maîtrise du langage javascript

零下一度
零下一度original
2017-06-26 11:50:371059parcourir

Javascript est un langage de programmation interprété doté de capacités orientées objet. Il s'agit d'un langage de script côté client, axé sur les objets et le temps, et relativement sécurisé. Parce qu'il n'a pas besoin de s'exécuter dans un environnement linguistique, il a uniquement besoin d'un navigateur qui le prend en charge. Son objectif principal est de vérifier les données envoyées au serveur, d'augmenter l'interaction Web et d'améliorer l'expérience utilisateur.

La différence entre les langages interprétés et les langages compilés

 Langages interprétés : Il s'agit d'un programme qui compile les compilés en machine langue.

Langage compilé  : Il s'agit d'un processus de compilation lors de l'exécution d'un programme, mais le programme n'est pas compilé en langage machine, mais en bytecode. Par exemple, lorsque le langage Java est exécuté, la JVM traduit le bytecode en langage machine. JVM est une machine virtuelle Java, qui est un ordinateur fictif.

Mais les langages interprétés sont plus lents en termes d'efficacité de compilation que les langages compilés. JavaScript est un langage interprété. Lorsqu'il analyse le programme sur le navigateur, js utilise son propre moteur d'interprétation sur le navigateur. Moteur javascript v8. Lorsque le cœur du navigateur compile js dans une vue, il doit passer par trois étapes : « analyse lexicale », « analyse grammaticale » et « génération de code ». C'est une caractéristique évidente des langages compilés. Pour plus de détails, voir le chapitre 2 du « Livre sur les rhinocéros » et le chapitre 1 « JavaScript que vous ne connaissez pas ».

le code java est exécuté par JVM

javascript est exécuté par l'interpréteur javascript

chaque navigateur sont différents et sont généralement inclus dans le noyau de chaque navigateur

Le noyau du navigateur contient généralement deux moteurs : le Moteur de mise en page et le Moteur JS

IE utilise son propre noyau Trident

FireFox est le noyau Gecko

Opera est le noyau Presto

Safari utilise le noyau Webkit

Chrome est le javascript de Google Le moteur V8 et sa mise en page utilisent le noyau Webkit

JavaScript est un langage de script, et le langage de script est également un langage interprété qui n'a pas besoin d'être compilé, il est directement interprété. Utilisez simplement l’outil pour expliquer. À en juger par l'argument selon lequel JavaScript est actuellement un langage compilé, JavaScript est également un langage compilé. Il ne peut pas être généralisé en tant que langage de script. La façon de comprendre les langages de script est simple.

Écrivez un programme appelé xxx.exe Cliquez sur .exe pour ouvrir les fichiers avec l'extension .aa. Ensuite, vous avez spécifié les règles d'écriture des fichiers .aa. C'est ce que fait le script et sa relation. Utilisez les instructions pour laisser le programme s'exécuter dans l'ordre.

Comprendre la relation et les principes du javascript dans le noyau du navigateur

Principes d'analyse et de rendu des pages du navigateur :

Parler à ce sujet, je dois mentionner le webkit familier, le moteur de rendu de Google Chrome. Les moteurs de rendu des autres navigateurs ne sont pas les mêmes et les moteurs de base de chaque navigateur sont incohérents, nous devons donc maintenant faire face à de nombreux problèmes de compatibilité avec les principaux navigateurs lors du processus d'écriture du code HTML pour mettre en page la structure des pages.

La partie la plus importante et la plus centrale du navigateur est le moteur d'interprétation, qui est le noyau du navigateur. Une page Web doit utiliser deux moteurs pour fonctionner correctement : un moteur de rendu et un moteur d'interprétation. Différentes manières d'écrire la compatibilité sont destinées à ces moteurs de noyau de navigateur. Alors, quels sont les cœurs de navigateur actuels ?

Les quatre principaux navigateurs actuellement sur le marché

IE

Le noyau du navigateur utilisé est Trident (quatre La vitesse de traitement est le plus lent parmi les gros cœurs)

En raison de la part de marché des fenêtres, le navigateur IE a utilisé sa position pour créer une situation où le noyau Trident est le seul. En raison de cette situation, Microsoft ne l'a pas fait. s'en occupe depuis longtemps. Trident a été mis à jour. Trident est déconnecté des normes du W3C et présente un grand nombre de bugs et de problèmes de sécurité qui ne peuvent pas être résolus, ce qui a directement conduit à l'essor du navigateur FireFox. Cependant, en raison de sa part de marché, le problème de compatibilité le plus gênant pour les ingénieurs de développement front-end concerne désormais certaines versions inférieures d'IE.

FireFox

Le noyau du navigateur utilisé est Gecko

Code source ouvert, fonctionnement rapide et vitesse de traitement. Les choses open source sont toujours faciles à accueillir par la majorité des singes ! Et il existe de nombreux navigateurs qui utilisent Gecko, généralement utilisé dans certains navigateurs étrangers. N’y pensez pas trop au niveau national !

Opera

Le noyau du navigateur utilisé est presto

Le moteur d'interprétation le plus brutal ! Moteur de mise en page de pages Web. Il a été hautement optimisé pour augmenter la vitesse de rendu. Pour faire simple, tout est question d'efficacité et de rapidité à tout prix. Mais il y a des gains et des pertes, et la vitesse se fait au détriment de la compatibilité. Inutile de dire qu’il s’agit du javascript d’analyse le plus rapide parmi tous les cœurs de navigateur. Mais aujourd’hui, comme le front-end se développe très rapidement, l’expérience utilisateur est la priorité et la compatibilité ne peut être sacrifiée au profit de la vitesse. Opera s'est arrêté rapidement et est passé au noyau Blink de Google.

Chrome

Le noyau du navigateur utilisé est le moteur de rendu webkit, le moteur d'interprétation javascript v8

Tout ce qui doit être dit a été expliqué ci-dessus. Aucune autre explication. ici. C'est également le cœur du navigateur Chrome, un navigateur que de nombreuses personnes ont commencé à découvrir et que les ingénieurs front-end préfèrent. C'est le noyau d'Apple.

Navigateur Shell :

Utilisant le noyau IE au lieu du navigateur IE, ce type de navigateur est appelé « navigateur shell ». La raison en est que Trident est un noyau ouvert, il existe donc un grand nombre de navigateurs shell de ce type sur le marché intérieur. Par exemple, 360, Tencent TT, Cheetah et Aoyou utilisent des méthodes dual-core ou même multi-core. L'un d'eux est un cœur Trident, et d'autres cœurs sont ajoutés aux autres. Les fabricants de navigateurs nationaux divisent généralement cette situation en deux types, le « mode de navigation à grande vitesse » et le « mode de navigation compatible » permettant aux utilisateurs de basculer d'un côté à l'autre. Parmi eux, le noyau IE Trident est un « mode de navigation compatible », car les fabricants nationaux l'appliquent. La version du noyau IE n'est pas très élevée et ne peut pas suivre la vitesse de mise à jour itérative de Trident. La version inférieure du noyau IE est trop petite et trop pratique à télécharger pour les utilisateurs. Par conséquent, il a été largement regroupé, installé et utilisé depuis le début du développement. Jusqu'à présent, il y aura certains problèmes de sécurité.

De nombreuses questions telles que celles ci-dessus sont soulevées, résolues et comprises étape par étape. Nous savons ce qu'est un langage interprété et ce qu'est un langage compilé. J'ai découvert le noyau du navigateur grâce aux langages interprétés. Certaines des différences entre eux sont étroitement liées au processus d'écriture du code. Dans le processus d'apprentissage du front-end Web ou dans le processus d'amélioration constante, la compréhension et la connaissance de JavaScript doivent être les plus importantes. Dans le processus de développement de JavaScript, peut-être que de nombreux amis pensaient auparavant qu'il était nécessaire d'étudier JavaScript avec concentration ? Désormais, si quelqu'un vous consulte et souhaite apprendre une langue ou maîtriser une nouvelle langue, vous devez lui recommander JavaScript. Ce doit être JavaScript. De l'émergence de jQuery, qui a d'abord conduit le développement du javascript, à html5, qui a rendu le javascript véritablement accessible aux gens, et maintenant à nodejs. Cela bouleverse complètement les opinions précédentes de la plupart des gens sur JavaScript. L’émergence de ces nouveaux frameworks donne à JavaScript un potentiel véritablement illimité !

HTML5 est le contenu avancé de JavaScript

Il y a encore beaucoup de gens qui associent html5 à html. Y a-t-il une corrélation entre eux ? Mais quelques optimisations ont été effectuées et de nouvelles balises ont été ajoutées. Les nouvelles balises ne sont pas difficiles à comprendre et faciles à utiliser. Pourquoi sont-elles définies comme la partie de base du HTML ?

La vraie puissance du HTML5 est que vous pouvez créer des balises via JavaScript et utiliser les deux caractéristiques du noyau pour interpréter et restituer respectivement. Canvas est également bien connu en raison de ses fonctions puissantes, notamment l'animation et les effets spéciaux. , jeux et visualisation de données. Tous nécessitent une prise en charge javascript et en arrière-plan pour être efficaces. Tout cela grâce à javascript. webgl prend en charge les effets d'image 3D sur toile HTML5. Les dépenses de localisation géographique de HTML5 sont affichées dans le navigateur via les applications LBS, etc. La connexion entre javascript et la base de données de documents a réalisé trop d'impossibilités. La version ECMAscript est constamment mise à jour de manière itérative, et il existe trop de frameworks js basés sur celle-ci, tels que vuejs, angulairejs, réagissent...

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn