Wie verstehen Sie die Semantisierung der HTML-Struktur?

  • 1. Wenn Stylesheets entfernt werden oder verloren gehen, kann die Seite dennoch eine klare Struktur darstellen.
  • 2. Screenreader (falls der Besucher eine visuelle Beeinträchtigung hat) werden Ihre Webseite vollständig anhand Ihres Markups „lesen“.
  • 3. Geräte wie PDAs und Mobiltelefone können Webseiten möglicherweise nicht so rendern wie Browser auf normalen Computern (meist weil diese Geräte CSS schwächer unterstützen).
  • 4. Suchmaschinen-Crawler verlassen sich ebenfalls auf das Markup, um den Kontext und die Gewichtung jedes Keywords zu bestimmen.
  • 5. Ob Ihre Seite von Crawlern leicht verstanden wird, ist sehr wichtig, denn Crawler ignorieren weitgehend Markup, das für die Darstellung verwendet wird, und konzentrieren sich nur auf semantisches Markup.
  • 6. Erleichtert die Teamarbeit und die Wartung.

Der strikte Modus und der Quirks-Modus der Doctype-Dokumentdeklaration: Wie werden diese beiden Modi ausgelöst, und welche Bedeutung hat ihre Unterscheidung?

1. Wie die beiden Modi ausgelöst werden

Das Hinzufügen einer XML-Header-Deklaration kann den Quirks-Modus des IE-Browsers auslösen. Einmal ausgelöst, parst der Browser genau wie IE5.5, mit denselben Fehlern und anderen Problemen wie IE5.5, und sein Verhalten (JavaScript) ist ebenfalls dasselbe.

2. Auslösen in IE6: Fügen Sie eine XML-Deklaration vor dem XHTML-DOCTYPE hinzu.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3. Auslösen in IE7: Fügen Sie einen HTML-Kommentar zwischen der XML-Deklaration und dem XHTML-DOCTYPE hinzu.

<?xml version="1.0" encoding="utf-8"?>
<!-- ... and keep IE7 in quirks mode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

4. Kann sowohl in IE6 als auch in IE7 ausgelöst werden: Fügen Sie einen HTML-Kommentar am Anfang des HTML-4.01-DOCTYPE-Dokuments hinzu.

<!-- quirks mode -->  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

5. Oben auf der Seite hinzufügen <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> , wird den "Quirks-Modus" auslösen

6. Wenn keine DTD-Deklaration verwendet wird oder eine DTD-Deklaration unterhalb von HTML4 (HTML4 nicht eingeschlossen) verwendet wird, rendern grundsätzlich alle Browser im Quirks-Modus.

Was muss Ihrer Meinung nach aus Frontend-Sicht beachtet werden, um SEO gut zu betreiben?

  • 1. Verstehen, wie Suchmaschinen Webseiten crawlen und indexieren.
  • 2. Optimierung von Meta-Tags.
  • 3. Wie man Keywords auswählt und sie in Webseiten platziert.
  • 4. Die wichtigsten Suchmaschinen verstehen.
  • 5. Wichtige Internetverzeichnisse.
  • 6. Pay-per-Click-Suchmaschinen.
  • 7. Registrierung/Übermittlung bei Suchmaschinen.
  • 8. Linktausch und Linkpopularität.
  • 9. Sinnvolle Verwendung von Tags.

Wir wissen, dass CSS-Dateien über externe Links eingebunden werden können. Bitte erläutern Sie die Möglichkeiten, CSS über externe Links einzubinden, und gibt es Unterschiede in der Performance zwischen diesen Methoden?

Es gibt drei am häufigsten verwendete Möglichkeiten, CSS einzubinden:

  • Erstens: im head-Bereich einfügen<link rel="stylesheet" type="text/css" href="my.css.html"/>, um eine externe CSS-Datei einzubinden.
  • Zweitens: im head-Bereich einfügen
    <style type="text/css"> 
div{margin: 0;padding: 0;border:1px red solid;} 
</style>
  • Drittens: direkt in den Tags der Seite einfügen.<div style="border:1px red solid;">

Was ist ein CSS-Sprite? Diskutieren Sie die Vor- und Nachteile dieser Technik.

CSS-Sprites werden in China von vielen „css精灵“ genannt. Es ist eine Methode zur Behandlung von Bildern auf Webseiten. Sie ermöglicht es, alle verstreuten Bilder, die in eine Seite eingebunden sind, in zusammenzufassen, wodurch die Anzahl der Anfragen an den Server reduziert und die Zugriffsgeschwindigkeit erhöht wird.

1. Vorteile:

  • (1) Die Verwendung von CSS-Sprites kann die Anzahl der HTTP-Anfragen einer Webseite effektiv reduzieren und die Seitenperformance deutlich verbessern. Dies ist auch der Vorteil von CSS-Sprites und der Hauptgrund für ihre weite Verbreitung und Anwendung.
  • (2) Es erspart Webdesignern die Mühe, Bilder zu benennen. Sie müssen nur ein zusammengefügtes Bild benennen, anstatt jedes kleine Element einzeln zu benennen, wodurch die Effizienz der Erstellung von Webseiten verbessert wird.
  • (3) Es ist praktisch, Stile zu ändern. Sie müssen nur die Farbe oder den Stil eines oder einiger weniger Bilder ändern, und der Stil der gesamten Webseite kann geändert werden. Auch die Wartung ist praktisch.

2. Nachteile:

  • (1) Beim Zusammenführen von Bildern müssen mehrere Bilder organisch und sinnvoll zu einem Bild zusammengefügt und genügend Platz gelassen werden, damit in den Abschnitten keine unnötigen Hintergründe sichtbar werden. Das ist noch in Ordnung; der schmerzhafteste Teil betrifft adaptive Seiten auf Breitbildmonitoren mit hoher Auflösung. Wenn Ihr Bild nicht breit genug ist, kann der Hintergrund leicht brechen.
  • (2) Die Entwicklung von CSS Sprites ist mühsam. Sie müssen Photoshop oder andere Werkzeuge verwenden, um die genaue Position jeder Hintergrund-Einheit zu messen und zu berechnen. Das ist wie Nadelarbeit; es ist nicht schwierig, aber sehr mühsam.
  • (3) Die Wartung von CSS Sprites ist mühsam. Wenn es eine geringfügige Änderung am Seitenhintergrund gibt, müssen Sie normalerweise das zusammengeführte Bild ändern. Wenn keine Änderung nötig ist, sollten Sie es besser nicht anfassen, um zu vermeiden, dass mehr CSS geändert werden muss. Wenn es nicht an die ursprüngliche Position passt, müssen Sie (vorzugsweise) weiter unten Bilder hinzufügen. Dadurch vergrößert sich die Bildgröße, und Sie müssen auch CSS ändern.

Definieren Sie eine abgerundete Ecke (beliebiger Größe), die von Browsern mit WebKit-Kernel gemäß dem CSS3-Standard erkannt wird.

-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;

Was sind die Inline-Elemente? Was sind die Block-Level-Elemente? Was ist das CSS-Box-Modell?

  • Zu den Inline-Elementen gehören: a b span I em img input select strong
  • Zu den Block-Level-Elementen gehören: div ul ol li dl dt dd h1 h2 h3 h4 p
  • Box-Modell: margin border padding width

Aus welchen drei Schichten besteht eine Frontend-Seite? Welche sind es jeweils, und welche Rollen haben sie?

Eine Webseite ist in drei Schichten unterteilt, nämlich: Strukturschicht, Präsentationsschicht und Verhaltensschicht.

  • 1. Die Strukturschicht einer Webseite wird durch Auszeichnungssprachen wie HTML oder XHTML erstellt. Tags, also die Wörter, die in spitzen Klammern erscheinen, sind für die semantische Bedeutung des Inhalts der Webseite verantwortlich. Diese Tags enthalten keine Informationen darüber, wie der betreffende Inhalt angezeigt werden soll. Zum Beispiel drückt das P-Tag die semantische Bedeutung aus: „Dies ist ein Textabsatz.“
  • 2. Die Präsentationsschicht einer Webseite wird durch CSS erstellt. CSS beantwortet die Frage, „wie der betreffende Inhalt angezeigt werden soll“.
  • 3. Die Verhaltensschicht einer Webseite ist dafür verantwortlich, die Frage zu beantworten, „wie Inhalte auf Ereignisse reagieren sollen“. Dies ist der Bereich, der von der Sprache JavaScript und dem DOM dominiert wird.

Was ist in HTML der Unterschied zwischen den Methoden GET und POST für action in einem Formular?

  • 1. GET wird verwendet, um Daten vom Server abzurufen, während POST verwendet wird, um Daten an den Server zu senden.
  • 2. GET hängt die Formulardaten in der Form variable=value an die durch action angegebene URL an, wobei URL und Daten durch „?“ verbunden werden und die Variablen durch „&“ verbunden werden. POST legt die Formulardaten in den Datenkörper des Formulars und übergibt sie an die durch action angegebene URL in einer Weise, die Variablen mit Werten verknüpft.
  • 3. GET ist unsicher, weil während der Übertragung Daten in die Anfrage-URL aufgenommen werden, und viele bestehende Server, Proxyserver oder User-Agents die Anfrage-URL in Protokolldateien aufzeichnen und sie irgendwo speichern, sodass einige private Informationen von Dritten eingesehen werden können. Darüber hinaus können Benutzer die übermittelten Daten direkt im Browser sehen, und einige interne Systemmeldungen werden auch dem Benutzer angezeigt. Alle POST-Operationen sind für den Benutzer unsichtbar.
  • 4. Get überträgt eine kleine Datenmenge, hauptsächlich weil es durch die URL-Länge begrenzt ist. Post kann große Datenmengen übertragen, daher kann nur Post für Datei-Uploads verwendet werden (natürlich gibt es einen weiteren Grund, der später erwähnt wird).
  • 5. Get beschränkt die Werte des Form-Datensatzes auf ASCII-Zeichen. Post unterstützt den gesamten ISO10646-Zeichensatz.
  • 6. Get ist die Standardmethode von Form.

Worin besteht der Unterschied zwischen den Attributen id und class von HTML-Elementen?

id und class sind zwei häufige Attribute in Webseiten. Sie wirken zusammen, um die gesamte Seite reich und farbenfroh zu gestalten. Wenn wir Stile für ein Element definieren, können beide verwendet werden, aber gibt es Unterschiede?

  • 1. Beim Schreiben in einem CSS-Stylesheet sollte das Präfix des id-Selektors '#' sein und das Präfix des class-Selektors '.'.
  • 2. Das id-Attribut kann nur einmal auf einer Seite verwendet werden, während class wiederholt verwendet werden kann.
  • 3. Als Element-Tag wird id verwendet, um unterschiedliche Strukturen und Inhalte zu unterscheiden, während class als Stil auf jede Struktur und jeden Inhalt angewendet werden kann.
  • 4. Allgemeine Prinzipien im Layout: id bestimmt zuerst die Struktur und den Inhalt und definiert dann Stile dafür. class ist das Gegenteil: zuerst den Stil definieren, dann den Stil je nach unterschiedlichen Anforderungen auf der Seite auf verschiedene Strukturen und Inhalte anwenden.
  • 5. Aktuelle Browser erlauben, dass mehrere ids mit demselben Attributwert auf derselben Seite vorkommen, und sie werden in der Regel ordnungsgemäß angezeigt. Wenn JavaScript jedoch id zur Steuerung von Elementen verwendet, können Fehler auftreten.
  • 6. In der Praxis wird class häufig für Textabschnitte und Seitendekoration verwendet, während id meist für große Layouts und Stile für Designs mit Containing Blocks oder umschließenden Boxen eingesetzt wird.

Was ist Ajax?

Ajax ist keine einzelne Technologie; es handelt sich tatsächlich um mehrere Technologien, jede mit ihren eigenen einzigartigen Merkmalen. Zusammen kombiniert werden sie zu einer leistungsstarken neuen Technologie. Ajax umfasst:

  • 1. XHTML und CSS
  • 2. Verwenden Sie das Document Object Model (DOM) für dynamische Darstellung und Interaktion.
  • 3. Verwenden Sie XML und XSLT für Datenaustausch und -manipulation.
  • 4. Verwenden Sie XMLHttpRequest für den asynchronen Datenempfang.
  • 5. Verwenden Sie JavaScript, um sie miteinander zu verbinden.

In welchen Browsern haben Sie Ihre Seiten getestet? Was sind die Rendering-Engines dieser Browser? Welche Browser-Kompatibilitätsprobleme treten häufig auf? Warum treten sie auf? Was sind die Lösungen?

  • 1. DOCTYPE beeinflusst die CSS-Verarbeitung.
  • 2. FF: Nach dem Setzen von padding wird div seine Höhe und Breite erhöhen, aber IE nicht. Daher müssen Sie !important verwenden, um eine zusätzliche Höhe und Breite festzulegen.
  • 3. FF unterstützt !important, während IE es ignoriert. Sie können !important verwenden, um spezielle Stile für FF festzulegen.
  • 4. Problem mit der vertikalen Zentrierung von div: vertical-align: middle; erhöhen Sie die Zeilenhöhe auf dieselbe Höhe wie das gesamte div, line-height: 200px; fügen Sie dann Text ein, und er wird vertikal zentriert. Der Nachteil ist, dass Sie den Inhalt so steuern müssen, dass er nicht umbricht.
  • 5. Die Interpretation des Box-Modells in Mozilla Firefox und IE ist inkonsistent und verursacht einen Unterschied von 2px. Lösung: div{margin:30px!important;margin:28px;} Beachten Sie, dass die Reihenfolge dieser beiden Margin-Angaben nicht vertauscht werden darf. IE kann das Attribut !important nicht erkennen, aber andere Browser können es.

HTML5-Offline-Speicherung

Eine wichtige Funktion von HTML5 ist die Offline-Speicherung. Unter der sogenannten Offline-Speicherung versteht man das lokale Speichern einiger Ressourcendateien, sodass bei späteren Seiten-Neuladungen lokale Ressourcendateien verwendet werden und die Webanwendung weiterhin offline aufgerufen werden kann. Gleichzeitig können durch bestimmte Methoden (Aktualisieren zugehöriger Dateien oder Verwenden zugehöriger APIs) Vorgänge wie das Aktualisieren und Löschen der Offline-Speicherung durchgeführt werden.

Die HTML5-Offline-Speicherung verwendet eine Manifestdatei, um anzugeben, welche Dateien gespeichert werden müssen, und zwar mithilfe von z. B.<html manifest='offline.manifest'>um eine Manifestdatei einzubinden. Der Pfad dieser Datei kann relativ oder absolut sein. Wenn Sie viele Webanwendungen haben und Manifestdateien zentral verwalten möchten, ist ein statischer Dateiserver eine gute Wahl.

Was sind die Vor- und Nachteile von iframes?

1. Nachteile:

Der größte Nachteil bei der Verwendung einer Frame-Struktur in Webseiten ist, dass „Spider“-Programme von Suchmaschinen solche Seiten nicht interpretieren können. Wenn ein Spider-Programm auf eine Webseite trifft, die aus mehreren Frames besteht, sieht es nur die Frames und kann keine Links finden, sodass es die Website für eine tote Seite hält und sich schnell abwendet. Das ist für eine Website nichts weniger als eine Katastrophe. Wenn Sie Produkte verkaufen möchten, brauchen Sie Kunden; um Kunden zu gewinnen, müssen Sie zuerst dafür sorgen, dass Leute Ihre Website besuchen, und dafür bleibt Ihnen nichts anderes übrig, als sich auf Suchmaschinen zu verlassen. Sie investieren viel Zeit, Mühe und Geld, um einen Online-Shop zu eröffnen, verhindern dann aber absichtlich, dass Suchmaschinen Sie indexieren. Das ist, als würde man ein Einzelhandelsgeschäft eröffnen, aber alle Schaufenster schwarz anstreichen und kein Schild aufhängen.

2. Vorteile:

Aus dem Obigen können wir erkennen, dass der Nachteil der Verwendung des iframe-Frameworks darin besteht, dass es nicht von Suchmaschinen gecrawlt und erfasst werden kann. Aber alles hat zwei Seiten. Dieser Nachteil kann auch sein Vorteil sein. Nutzen wir dies aus, können wir das iframe-Framework verwenden, um Inhalte auf unserer Website anzuzeigen, die von unseren Nutzern gesehen werden müssen, aber nicht von Suchmaschinen gecrawlt werden müssen. Auf diese Weise kann iframe seine Rolle wirklich spielen, und der Code auf unserer Website kann ebenfalls stark vereinfacht werden. Zum Beispiel, wie oben vom Autor erwähnt, das Hinzufügen von Weibo-Liveübertragungsinformationen. Wir müssen diese Weibo-Informationen nicht den Suchmaschinen bereitstellen; was wir bereitstellen müssen, ist eine interaktive Erfahrung mit Besuchern, wie in der folgenden Abbildung dargestellt. Wenn wir das iframe-Framework verwenden, um Weibo-Informationen einzubetten, können wir nicht nur einfach die Weibo-Liveübertragungsplattform der Website hinzufügen, sondern auch sehen, dass der Code sehr prägnant ist.

iframe ist gut darin, dass es die ursprüngliche Webseite völlig unverändert anzeigen kann, aber wenn es auf der Startseite verwendet wird, ist es das, was Suchmaschinen am meisten hassen. Dann wird deine Website, egal wie gut sie gemacht ist, kein gutes Ranking erzielen! Wenn es eine dynamische Seite ist, ist die Verwendung von include etwas besser! Aber du musst ihre <html><head><title><body>-Tags entfernen!

Vorteile von Frames

  • Beim Neuladen einer Seite musst du nicht die gesamte Seite neu laden; du musst nur eine Frame-Seite innerhalb der Seite neu laden (reduziert die Datenübertragung und erhöht die Seitendownloadgeschwindigkeit).
  • Erleichtert das Erstellen von Navigationsleisten.

Nachteile von Frames

  • Es erzeugt viele Seiten und ist nicht einfach zu verwalten.
  • Nicht einfach zu drucken.
  • Die Zurück-Schaltfläche des Browsers wird ungültig.
  • Der Code ist komplex und kann von einigen Suchmaschinen nicht indexiert werden.
  • Die meisten kleinen mobilen Geräte (PDA-Telefone) können Frames nicht vollständig anzeigen.
  • Seiten mit mehreren Frames erhöhen die HTTP-Anfragen an den Server.
  • Aufgrund der vielen oben genannten Nachteile entspricht es nicht dem Konzept des standardkonformen Webdesigns und wurde vom standardkonformen Webdesign aufgegeben.

Tipp: Derzeit lassen sich alle Vorteile von Frames vollständig mit Ajax umsetzen, sodass Frames nicht mehr verwendet werden müssen.

Das Prinzip des CSS-Box-Modells

  • 1. Der Umfang des W3C-Box-Modells umfasst margin, border, padding und content, wobei der content-Teil keine anderen Teile einschließt.
  • 2. Der Umfang des IE-Box-Modells umfasst ebenfalls margin, border, padding und content. Der Unterschied zum standardmäßigen W3C-Box-Modell besteht darin, dass der content-Teil des IE-Box-Modells border und padding einschließt.

Der Unterschied zwischen CSS display:none und visibility:hidden

  • visibility:hidden verbirgt das Element, behält jedoch seine Position beim Browsen bei.
  • display:none behandelt das Element als nicht vorhanden und lädt es nicht.

Was ist jQuery?

jQuery ist eine wiederverwendbare, in JavaScript geschriebene JavaScript-Bibliothek.

Der JavaScript-Code zum Festlegen des UI-Textes ohne Verwendung von jQuery lautet wie folgt:

document.getElementById("txt1").value = "hello";

Der JavaScript-Code nach Verwendung der jQuery-Klassenbibliothek lautet wie folgt:

$("#txt1").val("Hello");

Es ist zu erkennen, dass der JavaScript-Code nach Verwendung der jQuery-Klassenbibliothek deutlich prägnanter ist und besser zu den Merkmalen der IT-Branche passt: kurz, einfach und schnell.

Welche Beziehung besteht zwischen jQuery und JavaScript? Wird jQuery JavaScript ersetzen?

  • JavaScript: Es ist die beliebteste Skriptsprache im Web.
  • jQuery: Es ist ein hervorragendes JavaScript-Framework. Es ist eine leichtgewichtige JS-Bibliothek. Es ist mit CSS3 kompatibel und außerdem mit verschiedenen Browsern kompatibel (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+).

jQuery ist nicht dazu gedacht, JavaScript zu ersetzen. Die Verwendung von jQuery macht die Webentwicklung einfach.

Wie verwendet man die jQuery-Bibliothek?

Laden Sie die Datei jquery.js von jquery.com herunter (die neueste jQuery-Version V1.11.1 oder V2.1.1). Die Dateinamenskonvention von jQuery, z. B. "jquery-1.4.1.js", wobei 1.4.1 die Versionsnummer der JS-Datei ist.

Bevor man ein Webprogramm entwickelt, wird das erforderliche JavaScript eingebunden, wie im folgenden Code gezeigt:

<script src="../code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>

Was ist ein CDN (Content Delivery Network)?

Bei der Entwicklung von Webseiten ist eines der am meisten berücksichtigten Probleme die Seitenantwort auf dem Client-Computer: Je kürzer die Zeit, desto besser die Benutzererfahrung.

Einer der Hauptfaktoren, die die Benutzererfahrung einschränken, ist die Größe der vom Browser heruntergeladenen Webdateien, einschließlich *.html, Bilder, *.js, *.css und anderer Dateien.

Um die Wiederverwendung zu maximieren und Bandbreite zu sparen, entstand das CDN: Seine Grundidee ist, die Engpässe und Verbindungen im Internet, die die Geschwindigkeit und Stabilität der Datenübertragung beeinträchtigen könnten, so weit wie möglich zu vermeiden, wodurch die Inhaltsübertragung schneller und stabiler wird. Sein Zweck ist es, Nutzern zu ermöglichen, benötigte Inhalte in der Nähe zu beziehen, Internetüberlastungen zu lösen und die Antwortgeschwindigkeit von Nutzern beim Zugriff auf Websites zu verbessern.

Wie verwendet man jQuery CDN?

  • (1) Es wird empfohlen, die offiziellen CDN-Knoten zu verwenden; der Nutzungscode lautet wie folgt:
    <script src="../code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="../code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  • (2) Es gibt auch das von Google bereitgestellte jQuery-CDN:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  • (3) Microsoft bietet ebenfalls jQuery-CDN-Knoten an:
    <script type="text/javascript" src="../ajax.microsoft.com/ajax/jquery/jquery-1.9.1.min.js"> </script>

Wie können Sie automatisch auf die jQuery-Datei der Website zugreifen, wenn das CDN-Netzwerk nicht erreichbar ist?

Im Allgemeinen sind CDN-Netzwerkknoten zuverlässig. Aber gelegentlich können sie ausfallen. Um eine doppelte Absicherung zu bieten, können Sie daher prüfen, ob das Laden des CDN fehlschlägt, und dann automatisch das jQuery auf der Website laden. Der Beispielcode lautet wie folgt:

<script type="text/javascript" src="../ajax.microsoft.com/ajax/jquery/jquery-1.9.1.min.js"></script> 
<script type="text/javascript">
if (typeof jQuery == 'undefined')  
{  
    document.write(unescape("%3Cscript src='Scripts/jquery.1.9.1.min.js.html' type='text/javascript'%3E%3C/script%3E"));  
}
</script>

Was ist der Unterschied zwischen den jQuery.js- und jQuery.min.js-Dateien derselben Version?

  • Gleich: Die beiden Dateien bieten dieselbe jQuery-Funktionalität, das heißt, es gibt keinen Unterschied bei Funktionsaufrufen.
  • Unterschiedlich: Die jQuery.js-Datei eignet sich für Programmierer zum Lesen. Die jQuery.min.js-Datei ist komprimiert und alle Leerzeichen wurden entfernt, um Bandbreite und Speicherplatz zu sparen, wodurch die Datei für die Netzwerkübertragung kleiner wird, aber sie eignet sich nicht für Programmierer zum Lesen.

Wann sollten Sie jquery.js verwenden und wann sollten Sie jquery.min.js verwenden?

  • In Entwicklungs- und Debugging-Szenarien: Verwenden Sie die jQuery.js-Datei, weil Sie debuggen und den JavaScript-Code sehen möchten.
  • In der Produktionsbereitstellungsumgebung: Verwenden Sie die jQuery.min.js-Datei, die die Netzwerkbandbreite reduzieren und das Laden der Seite beschleunigen kann.

Was ist die jQuery.vsdoc.js-Datei?

Die Datei *.vsdoc.js wird in Microsofts Entwicklungsumgebung Visual Studio verwendet, um bequem jQuery-IntelliSense zu erhalten. Wenn Sie eine jQuery-Funktion eingeben, werden automatisch der Funktionstyp, Anweisungen zur Funktionsverwendung, Funktionsparameter usw. angezeigt. Wenn Sie unter VS Webprogramme mit jQuery entwickeln, verbessert die Datei vsdoc.js die Entwicklungseffizienz erheblich.

Wie erklärt man die grundlegende Syntax von jQuery?

Die Syntaxstruktur von jQuery lässt sich in vier Teile unterteilen:

  • 1. Standardmäßig beginnen alle jQuery-Befehle mit einem "$"-Symbol.
  • 2. Als Nächstes erfolgt die Auswahl von HTML-Elementen. Zum Beispiel wählen wir unten ein HTML-Textfeld über die ID "txt1" aus.
  • 3. Dann wird durch einen Punkt (.) getrennt. Dieser Operator trennt das Element und die Aktion des Elements (Funktion).
  • 4. Schließlich, welche Funktion (Aktion) angewendet wird.

Wofür steht das Symbol "$" in jQuery?

In jQuery ist das Symbol "$" ein Alias für jQuery, und die Standard-jQuery-Bibliothek beginnt mit $.

Warum jQuery.noConflict() verwenden?

Es gibt viele Bibliotheken, die jQuery ähneln, wie MooTools, Backbone, Sammy, Cappuccino, Knockout. Einige dieser Bibliotheken verwenden ebenfalls das Symbol $. Wenn sie zusammen verwendet werden, verursacht dies Namenskonflikte.

Um diesen Konflikt zu lösen, müssen Sie jQuery.noConflict() verwenden, sodass Sie nicht auf das standardmäßige Symbol $ angewiesen sind. Zum Beispiel:

jQuery.noConflict();  
(function($){

})(jQuery);

Können mehrere document.ready-Ereignisse auf derselben Seite geladen werden?

Ja.

Verwandte Tutorials:

  • HTML-Tutorial:https://www.example.com/html/
  • CSS-Tutorial:https://www.example.com/css/
  • JavaScript-Tutorial:https://www.example.com/js/
  • jQuery-Tutorial:https://www.example.com/jquery/