Heim  >  Artikel  >  Web-Frontend  >  Von den Grundlagen bis zur Beherrschung der Javascript-Sprache

Von den Grundlagen bis zur Beherrschung der Javascript-Sprache

零下一度
零下一度Original
2017-06-26 11:50:371106Durchsuche

Javascript ist eine interpretierte Programmiersprache mit objektorientierten Fähigkeiten. Es handelt sich um eine clientseitige Skriptsprache, die objekt- und zeitgesteuert und relativ sicher ist. Da es nicht in einer Sprachumgebung ausgeführt werden muss, ist lediglich ein Browser erforderlich, der es unterstützt. Sein Hauptzweck besteht darin, die an den Server gesendeten Daten zu überprüfen, die Webinteraktion zu verbessern und das Benutzererlebnis zu verbessern.

Der Unterschied zwischen interpretierten Sprachen und kompilierten Sprachen

 Interpretierte Sprachen: Dies ist ein Programm, das das Kompilierte in eine Maschine kompiliert Sprache.

Kompilierte Sprache : Dies ist ein Kompilierungsprozess beim Ausführen eines Programms, aber das Programm wird nicht in Maschinensprache, sondern in Bytecode kompiliert. Wenn beispielsweise die Java-Sprache ausgeführt wird, übersetzt die JVM den Bytecode in Maschinensprache. JVM ist eine Java Virtual Machine, bei der es sich um einen fiktiven Computer handelt.

Aber interpretierte Sprachen sind langsamer in der Kompilierungseffizienz als kompilierte Sprachen. JavaScript ist eine interpretierte Sprache. Beim Parsen des Programms im Browser verwendet js seine eigene Interpretations-Engine im Browser. Javascript v8-Engine. Wenn der Browserkern js in eine Ansicht kompiliert, muss er drei Phasen durchlaufen: „lexikalische Analyse“, „grammatikalische Analyse“ und „Codegenerierung“. Dies ist ein offensichtliches Merkmal kompilierter Sprachen. Einzelheiten finden Sie in Kapitel 2 von „Rhinoceros Book“ und „JavaScript, das Sie nicht kennen“, Kapitel 1.

Java-Code wird von JVM ausgeführt

Javascript wird von Javascript-Interpreter ausgeführt

jeder Browser sind unterschiedlich und im Allgemeinen im Kernel jedes Browsers enthalten

Der Browserkernel enthält im Allgemeinen zwei Engines: Seitenlayout-Engine und JS-Engine

IE verwendet seinen eigenen Trident-Kernel

FireFox ist der Gecko-Kernel

Opera ist der Presto-Kernel

Safari verwendet den Webkit-Kernel

Chrome ist Googles eigenes Javascript Die V8-Engine und ihr Seitenlayout verwenden den Webkit-Kernel

JavaScript ist eine Skriptsprache, und die Skriptsprache ist auch eine interpretierte Sprache, die nicht kompiliert werden muss, sondern direkt interpretiert wird Nutzen Sie einfach das Tool zur Erklärung. Gemessen an dem Argument, dass JavaScript derzeit eine kompilierte Sprache ist, ist JavaScript auch eine kompilierte Sprache. Es kann nicht als Skriptsprache verallgemeinert werden. Der Weg, Skriptsprachen zu verstehen, ist einfach.

Schreiben Sie ein Programm namens xxx.exe. Klicken Sie auf .exe, um Dateien mit der Erweiterung .aa zu öffnen. Dann haben Sie Regeln für das Schreiben von .aa-Dateien festgelegt. Dies ist die Funktionsweise des Skripts und seine Beziehung. Verwenden Sie Anweisungen, um das Programm in der richtigen Reihenfolge ausführen zu lassen.

Verstehen der Beziehung und Prinzipien von Javascript im Browserkernel

Prinzipien des Browser-Parsens und Renderns von Seiten:

Im Gespräch Dazu muss ich das bekannte Webkit erwähnen, die Rendering-Engine von Google Chrome. Die Rendering-Engines in anderen Browsern sind nicht identisch und die Kern-Engines der einzelnen Browser sind inkonsistent. Daher müssen wir uns beim Schreiben von HTML-Code zum Layouten der Seitenstruktur mit vielen Kompatibilitätsproblemen mit den wichtigsten Browsern befassen.

Der wichtigste und zentralste Teil des Browsers ist die Interpretations-Engine, der Browser-Kernel. Eine Webseite muss zwei Engines verwenden, um ordnungsgemäß zu funktionieren: eine Rendering-Engine und eine Interpretations-Engine. Auf diese Browser-Kernel-Engines zielen verschiedene Arten der Schreibkompatibilität ab. Was sind also die aktuellen Mainstream-Browserkerne?

Die vier wichtigsten Browser, die derzeit auf dem Markt sind

IE

Der verwendete Browserkernel ist Trident (vier Die Verarbeitungsgeschwindigkeit ist der langsamste unter den großen Kernen)

Aufgrund des Anteils des Windows-Marktes hat der IE-Browser seine Position genutzt, um eine Situation zu schaffen, in der der Trident-Kernel der einzige ist. Aufgrund dieser Situation hat Microsoft nicht reagiert Trident ist seit langem nicht mehr mit den W3C-Standards kompatibel und weist eine große Anzahl von Fehlern und Sicherheitsproblemen auf, die nicht behoben werden können, was direkt zum Aufstieg des FireFox-Browsers führte. Aufgrund seines Marktanteils besteht das größte Kompatibilitätsproblem für Front-End-Entwicklungsingenieure derzeit jedoch bei einigen niedrigeren Versionen des IE.

FireFox

Der verwendete Browser-Kernel ist Gecko

Offener Quellcode, schnelle Bedienung und Verarbeitungsgeschwindigkeit. Open-Source-Dinge werden von der Mehrheit der Affen immer leicht begrüßt! Und es gibt viele Browser, die Gecko verwenden, was normalerweise in einigen ausländischen Browsern verwendet wird. Denken Sie im Inland nicht zu viel darüber nach!

Opera

Der verwendete Browser-Kernel ist Presto

Die brutalste Interpretations-Engine! Webseiten-Layout-Engine. Es wurde stark optimiert, um die Rendering-Geschwindigkeit zu erhöhen. Vereinfacht gesagt geht es um Effizienz und Geschwindigkeit um jeden Preis. Aber es gibt Gewinne und Verluste, und Geschwindigkeit geht auf Kosten der Kompatibilität. Es erübrigt sich zu erwähnen, dass es sich um das am schnellsten parsende Javascript unter allen Browserkernen handelt. Aber jetzt, da sich das Frontend so schnell entwickelt, hat die Benutzererfahrung Priorität und die Kompatibilität darf nicht der Geschwindigkeit geopfert werden. Opera stoppte Presto und wechselte zum Blink-Kernel von Google.

Chrome

Der verwendete Browserkern ist die Webkit-Rendering-Engine Javascript v8 Interpretation Engine

Alles, was gesagt werden sollte, wurde oben erklärt. Keine weitere Erklärung Hier. Dies ist auch der Kern des Chrome-Browsers, ein Browser, den viele Leute kennengelernt haben und den Front-End-Ingenieure bevorzugen. Es ist Apples eigener Kern.

Shell-Browser:

Dieser Browsertyp verwendet den IE-Kernel anstelle des IE-Browsers und wird „Shell-Browser“ genannt. Der Grund dafür ist, dass Trident ein offener Kernel ist und es daher auf dem heimischen Markt eine große Anzahl solcher Shell-Browser gibt. Beispielsweise verwenden 360, Tencent TT, Cheetah und Aoyou Dual-Core- oder sogar Multi-Core-Methoden. Einer davon ist ein Trident-Kern, und andere Kerne werden zu den anderen hinzugefügt. Inländische Browserhersteller unterteilen diese Situation im Allgemeinen in zwei Typen: „Hochgeschwindigkeits-Browsing-Modus“ und „kompatibler Browser-Modus“, damit Benutzer hin und her wechseln können. Unter diesen ist der IE-Kernel-Trident der „kompatible Browser-Modus“, da inländische Hersteller dies tun Die IE-Kernel-Version ist nicht sehr hoch und kann nicht mit der iterativen Aktualisierungsgeschwindigkeit von Trident mithalten. Die niedrigere Version des IE-Kernels ist zu klein und bequem für den Download durch Benutzer. Daher wird es seit Beginn der Entwicklung in großem Umfang gebündelt, installiert und verwendet. Bislang wird es jedoch gewisse Sicherheitsprobleme geben.

Viele Fragen wie die oben genannten werden Schritt für Schritt aufgeworfen, gelöst und verstanden. Wir wissen, was eine interpretierte Sprache ist und was eine kompilierte Sprache ist. Ich habe den Browser-Kernel durch interpretierte Sprachen kennengelernt. Einige der Unterschiede zwischen ihnen hängen eng mit dem Prozess des Codeschreibens zusammen. Beim Erlernen des Web-Frontends oder bei der ständigen Verbesserung muss das Verständnis und die Kenntnis von JavaScript das Wichtigste sein. Vielleicht dachten viele Freunde im Entwicklungsprozess von JavaScript zuvor, dass es notwendig sei, JavaScript konzentriert zu studieren? Wenn Sie von nun an jemand konsultiert und eine Sprache lernen oder eine neue Sprache beherrschen möchte, müssen Sie ihm JavaScript empfehlen. Es muss JavaScript sein. Von der Entstehung von jQuery, das zunächst die Entwicklung von Javascript vorangetrieben hat, über HTML5, das Javascript für Menschen wirklich zugänglich gemacht hat, und jetzt zu NodeJS. Es untergräbt völlig die bisherigen Ansichten der meisten Leute zu JavaScript. Das Aufkommen dieser neuen Frameworks verleiht JavaScript wirklich unbegrenztes Potenzial!

HTML5 ist der erweiterte Inhalt von JavaScript

Es gibt immer noch viele Leute, die HTML5 mit HTML in Verbindung bringen. Gibt es einen Zusammenhang zwischen ihnen? Es wurden jedoch einige Optimierungen vorgenommen und einige neue Tags hinzugefügt. Die neuen Tags sind nicht schwer zu verstehen und einfach zu verwenden. Warum werden sie als grundlegender Teil von HTML definiert?

Die wahre Stärke von HTML5 besteht darin, dass Sie Tags über JavaScript erstellen und die beiden Eigenschaften des Kernels zum Interpretieren bzw. Rendern nutzen können. Canvas ist auch für seine leistungsstarken Funktionen, einschließlich Animation und Spezialeffekte, bekannt , Spiele und Datenvisualisierung. Alle erfordern Javascript und Hintergrundunterstützung, um effektiv zu sein. Alles dank Javascript. webgl unterstützt HTML5-Canvas-Zeichnung von 3D-Bildeffekten. Die geografischen Standortausgaben von HTML5 werden im Browser über LBS-Anwendungen usw. angezeigt. Die Verbindung zwischen Javascript und Dokumentendatenbank hat zu viele Unmöglichkeiten geschaffen. Die ECMAscript-Version wird ständig iterativ aktualisiert und es gibt zu viele darauf basierende JS-Frameworks wie Vuejs, AngularJS, ReactJS ...

Das obige ist der detaillierte Inhalt vonVon den Grundlagen bis zur Beherrschung der Javascript-Sprache. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn