Was ist der Unterschied zwischen xhtml und html?

1. Was ist der Unterschied zwischen xhtml und html? Eine grundlegende WEB

Webdesign-Sprache , XHTML basiert auf XML Der Hauptunterschied zwischen Auszeichnungssprachen :

XHTML

Elemente müssen korrekt verschachtelt sein.

Das XHTML-Element muss geschlossen sein.

Tag-Namen müssen Kleinbuchstaben enthalten.

href zeigt auf den Speicherort der Netzwerkressource und stellt einen Link zum aktuellen Element (Anker) oder aktuellen Dokument her (Link) und wird für Hyperlinks verwendet. src ist der Ort, der auf die externe Ressource verweist. Der Inhalt, auf den verwiesen wird, wird in das Dokument an der Stelle des aktuellen Tags eingebettet, der Ressource Verweise werden heruntergeladen und auf das darin enthaltene Dokument angewendet, z. B. JS-Skripte, IMG-Bilder, Frames und andere Elemente. Wenn der Browser dieses Element analysiert, unterbricht er das Herunterladen und Verarbeiten anderer Ressourcen, bis die Ressource geladen, kompiliert und ausgeführt wird. Dasselbe gilt für Elemente wie Bilder und Frames, was dem Einbetten der verwiesenen Ressource ähnelt aktuelles Tag. Aus diesem Grund wird das js-Skript auch unten und nicht im Kopf platziert.

3. Was sind die Inline-Elemente? 🎜 >Inline-Elemente:

a, b, span, img, input, strong, select, label, em, button, textarea

Blockebene Elemente: div, ul, li, dl, dt, dd, p, h1-h6, blockquote

Leeres Element: Es ist ein HTML-Element ohne Inhalt, zum Beispiel: br, meta, hr, link, input, img

4 Attribute und

Methode

Welche Bedeutung hat das Attribut ? Methode

Was sind die häufig verwendeten Werte

? Das Attribut

Aktion wird verwendet, um die Hintergrundprogrammadresse der FormularFormularübermittlung anzugeben ; Das Attribut method wird verwendet, um die Methode zur Formularübermittlung form anzugeben. Gängige Werte für Methode sind

: get und post 5. Was sind die neuen Attribute von Formularelementen? erforderlich

:

Erforderliche ElementePlatzhalter : Eingabeaufforderung

,

verschwindet, wenn Sie auf Inhalt eingeben

klicken Muster:Verifizierung regulärer Ausdruckantofocus

:

Automatisch den Fokus gewinnenaotucomplete:Automatische Vervollständigung

6. Welche Methoden gibt es, um Daten an den angegebenen Server zu übermitteln?

Ajax-Formular

URL?Parameter

$HTTP von AngularJS

JQ Ajax: $.POST(,,) $.GET(,,) $.Ajax({})

JS Ajax: 5 Schritte. (Siehe Frage 25)

7. Schreiben Sie eine Funktion, um die Leerzeichen vor und nach der Zeichenfolge zu löschen. (Kompatibel mit allen Browsern)

function trim(str) {

if ( str && typeof str === "string") {

                                                      return str.replace(/(^s*)|(s*)$/g, ""); //Führende und nachfolgende Leerzeichen entfernen

}

}

8. Wie entferne ich doppelte Elemente in einem Array?

var arr1 =[1,2,2,2,3,3,3,4,5,6],

var arr2 = [ ] ;

for(var i = 0; icf8c90e4c71b7cd93695db898e99d2c2@import

Das Gewicht des Stils

12. Beschreiben Sie kurz die Positionierung. Position: Relativ:Relative Positionierung. Relativ zur ursprünglichen Positionierung bleibt der ursprüngliche

DOM-Bereich erhalten

Absolut

: Absolute Positionierung. Durch die Positionierung relativ zum ersten Vorgängerelement, das nicht statisch ist, wird der ursprüngliche DOM-Raum

Behoben: Das Locator-Fenster für die Positionierung wurde korrigiert; löscht den DOM-Bereich Statisch

:

Standardwert. Ohne Positionierung erscheint das Element im normalen Fluss (ohne Berücksichtigung der oben, unten, links, rechts Z-Index -Deklarationen). Inherit

:

gibt an, dass der Wert des Attributs position vom übergeordneten Element geerbt wird.

13. Welche Werte hat Anzeige? Erklären Sie ihre Rolle.

Block Wird wie ein Blocktypelement angezeigt. keine Standardwert. Wird wie ein Inline-Elementtyp angezeigt.

inline-block wird wie ein Inline-Element angezeigt, sein Inhalt wird jedoch wie ein Blocktypelement angezeigt.

Listenelement Wird wie ein Blocktypelement angezeigt und fügt Stillisten-Markup hinzu.

Tabelle Dieses Element wird als Tabelle auf Blockebene angezeigt.

erben gibt an, dass es vom übergeordneten Element geerbt werden soll Der Wert des Anzeigeattributs

14, So konvertieren Sie ein Array in jquery in einen json-String konvertieren und dann zurückkonvertieren?

$.parseJSON

$.fn.stringify = function() {

return JSON.stringify(this);

}

Verwenden Sie :$(array).stringify();

15. Verstehen Sie JSON ?

JSON (JavaScript Object Notation) ist ein leichtes Datenaustauschformat.

Es basiert auf einer Teilmenge von JavaScript. Das Datenformat ist einfach, leicht zu lesen und zu schreiben, beansprucht eine geringe Bandbreite

Zum Beispiel: {"Alter":12", "Name":zurück

JSON

Object:var obj =eval('('+ str +')' );

var obj = str.parseJSON();

var obj = JSON.parse(str);

JSON-Objekt wird in

JSON

-Zeichenfolge konvertiert: var last=obj. toJSONString();

var last=JSON.stringify(obj);

16.Was ist responsives Design? ? Was sind die Grundprinzipien des responsiven Designs?

Basierend auf der Bildschirmgröße, Auflösung, Ausrichtung usw. verschiedener Geräte wird die einheitliche Website mit unterschiedlichen Effekten angezeigt.

Mobil zuerst. Sie können JS

verwenden, um zu verschiedenen mobilen Websites und

PC-Websites zu springen, und Sie können MediaQuery verwenden, um Erkennen Sie die Eigenschaften verschiedener Geräte. Durch die Anzeige unterschiedlicher CSS können verschiedene responsive Front-End-Frameworks verwendet werden. Vorteile: Gute Benutzererfahrung, insbesondere auf Mobiltelefonen.

Nachteile: Enthält viel redundanten Code, hohe Entwicklungskosten (

aber viel niedriger als die Entwicklung einer mobilen Website

+PC Website Modus)17.

Sichtbarkeit

: versteckt und Anzeige: keine?

Verwenden Sie Anzeige: keineNach dem Ausblenden wird der Platz des Elements freigegeben und andere Elemente können den Platz belegen

Verwenden Sie Sichtbarkeit: versteckt ist nur unsichtbar, aber der Raum des Elements bleibt bestehen belegt, andernfalls kann das Element nicht verwendet werden.

18. Gemeinsame Methoden im Zusammenhang mit Arrays auflisten

Push/Pop , verschieben/unshift, teilen/verbinden, schneiden/spleißen/konkatieren, sortieren/umkehren, zuordnen/reduzieren, forEach, filtern

19, stringbezogene Common auflisten Methoden von

indexOf/lastIndexOf/charAt, split/match/test, Slice/substring/substr, toLowerCase/toUpperCase

20, Was sind die gängigen Browserkerne?

Trident Kernel: IE,MaxThon,TT,The World,360,Sogou Browser warten . [ auch bekannt als MSHTML]

Gecko Kernel: Netscape6 und höher, FireFox(Firefox), MozillaSuite/SeaMonkey usw.

Presto Kernel: Opera7 und höher. [Opera Kernel war ursprünglich: Presto, jetzt: Blink;]

Webkit Kernel: Safari (Apples eigener Browser) , Chrome (Google) Warten . [Chrome: Blink (ein Zweig von WebKit) ]

21. Der Unterschied zwischen Titel und h1, bDer Unterschied zwischen > und stark, der Unterschied zwischen i und em?

Das Attribut title hat keine eindeutige Bedeutung und stellt nur einen Titel dar. H1 stellt einen eindeutigen Titel dar -Level-Titel hat auch einen großen Einfluss auf die Erfassung von Seiteninformationen;

stark hat die Bedeutung, den Ton zu stärken Verwenden eines Lesegeräts zum Lesen des Internets: 8e99a69fbe029cd4e2b854e244eab143 wird betont, während a4b561c25d9afb9ac8dc4d70affff419 betont wird.

iInhalt wird kursiv angezeigt, em kennzeichnet hervorgehobenen Text;

22, Wozu dient der Webseiten-Verifizierungscode und welche Sicherheitsprobleme soll er lösen?

Ein öffentliches vollautomatisches Programm, das unterscheidet, ob der Benutzer ein Computer oder ein Mensch ist. Es kann böswilliges Knacken von Passwörtern, Ticketbetrug und Forenfluten verhindern.

Verhindern Sie effektiv, dass Hacker mit einem bestimmten Programm fortlaufend Anmeldeversuche bei einem bestimmten registrierten Benutzer unternehmen zu roher Gewalt.

23. Was verstehen Sie unter der Position des Front-End-Ingenieurs?

a. Das Frontend ist der Programmierer, der dem Benutzer am nächsten ist. Die Fähigkeit des Frontends besteht darin, das Produkt von 90 Punkten auf 100 Punkte oder sogar besser weiterzuentwickeln.

b. Schnelle Teilnahme am Projekt. Hochwertige Fertigstellung der Renderings, genau auf 1 Pixel;

c. Kommunikation mit Teammitgliedern, UI-Design, Produktmanagern;

d . Gute Seitenstruktur, Seitenrekonstruktion und Benutzererfahrung;

e. Behandeln Sie Hacks, seien Sie kompatibel und schreiben Sie schöne Codeformate;

f. Optimieren Sie den Server und nutzen Sie die neueste Front-End-Technologie.

24, Was ist Schließung(Abschluss),Warum sollten wir es verwenden? ? ?

Ein Abschluss ist eine Funktion, die Zugriff auf eine Variable im Gültigkeitsbereich einer anderen Funktion hat. Die häufigste Art, einen Abschluss zu erstellen, ist a Funktion Erstellen Sie eine weitere Funktion innerhalb der Funktion und greifen Sie über eine andere Funktion auf die lokalen Variablen dieser Funktion zu , Mithilfe von Abschlüssen können Sie den Bereich der Bereichskette durchbrechen und die Variablen und Methoden innerhalb der Funktion an übergeben das Äußere. Abschlüsse können einfach als „in einer Funktion definierte Funktionen“ verstanden werden

Eigenschaften von Abschlüssen:

1.Funktionen innerhalb von Funktionen verschachteln

2.Interne Funktionen können auf äußere Parameter und Variablen verweisen

3.Parameter und Variablen werden vom Garbage-Collection-Mechanismus nicht recycelt

//liKnotenonclickEreignisse können den aktuell angeklickten liIndex

98bd5aef5882c176a2a67eaf12f798fa index = 0bed06894275b65c1ab86501b08a632eb

  25edfb22a4f469ecb59f1190150159c6 index = 1bed06894275b65c1ab86501b08a632eb

  25edfb22a4f469ecb59f1190150159c6 index = 2bed06894275b65c1ab86501b08a632eb

li>

bd383a4ab51f72eecb073f54a2c256b3

var nodes = document.getElementsByTagName("li");

for(i = 0;ib860c98eaf8ac2ec7ea2a01106a3f26b

25, Was ist Ajax? Wie erstelle ich einen Ajax?

ajax steht für : Asynchrones Javascript und XML, bedeutet asynchron JavaScript und xml, wird auch als Page-Brushless-Technologie bezeichnet. Das Asynchrone hier kann einfach verstanden werden als : Wenn wir eine Anfrage an den Server senden, müssen wir nicht auf das Ergebnis warten, sondern können gleichzeitig andere Dinge tun Wenn das Ergebnis verfügbar ist, wird es automatisch auf die Ausführung nachfolgender Vorgänge eingestellt. Gleichzeitig wird nicht die gesamte Seite aktualisiert, was die Benutzererfahrung verbessert.

Wie erstelle ich einen Ajax?

(1)Erstellen Sie XMLHttpRequest-Objekt , auch Erstellen Sie einfach ein asynchrones Aufrufobjekt

(2)Erstellen Sie eine neue HTTPAnfrage , und geben Sie die HTTP-Anfragemethode, URL und Verifizierungsinformationen

(3)Antwort festlegenHTTPFunktion zum Anfordern einer Statusänderung

(4 )SendenHTTPAnfrage

(5)Rufen Sie die vom asynchronen Aufruf zurückgegebenen Daten ab

(6)Verwenden Sie JavaScript und DOM, um einen Teil zu erreichen aktualisieren

26. NativeJSwindow.onload Was ist der Unterschied zwischen Jquerys $(document).ready(function(){})? Wie implementiert man die ready-Methode von Jq mit nativem JS? Die Methode

window.onload()

muss warten, bis alle Elemente auf der Seite, einschließlich Bilder, geladen sind, bevor sie ausgeführt werden kann.

$(document).ready()

wird ausgeführt, nachdem die DOM-Struktur gezeichnet wurde, ohne darauf zu warten Laden abgeschlossen.

27.(Designfrage) Möchten Sie einen Drag auf einem bestimmten Knoten auf der Seite implementieren? Wie geht das? (Verwenden Sie natives JS)

Beantworten Sie einfach das Konzept

Binden Sie Mousedown, Mousemove, MouseUpEreignisse

Mousedown

an den Knoten, der sein muss gezogen. Nachdem das Ereignis ausgelöst wurde, beginnen Sie mit dem ZiehenBei

mousemove müssen Sie event.clientX und clientY verwenden, um die Ziehposition zu ermitteln und Echtzeit Beim Aktualisieren der Position

Mouseup, das Ziehen endet

28, bewerben, anrufen und binden?

Alle drei: Sie können eine Funktion auf andere Objekte anwenden, nicht auf das eigene Objekt. apply, call dient zum direkten Ausführen des Funktionsaufrufs, bind zum Binden und die Ausführung muss erneut aufgerufen werden. Der Unterschied zwischen

Anwenden und Anruf ist Anwenden akzeptiert ein Array als Parameter, während call eine unbegrenzte Anzahl von durch Kommas getrennten Parameterlisten akzeptiert,

Code-Demo

   function Person() {
    }
    Person.prototype.sayName() { alert(this.name); }
    var obj = {name: 'michaelqin'}; // 注意这是一个普通对象，它不是Person的实例
    1) apply
    Person.prototype.sayName.apply(obj, [param1, param2, param3]);
    2) call
    Person.prototype.sayName.call(obj, param1, param2, param3);
    3) bind
    var sn = Person.prototype.sayName.bind(obj);    
    sn([param1, param2, param3]); // bind需要先绑定，再执行 
   sn(param1, param2, param3); // bind需要先绑定，再执行

29 Was sind die Nachteile von und iframe?

*iframe blockiert das Onload-Ereignis der Hauptseite; >*

Das Suchprogramm der Suchmaschine kann diese Art von Seite nicht interpretieren, was

SEO;*iframe teilt den Verbindungspool mit der Hauptseite, und der Browser unterliegt Einschränkungen für Verbindungen in derselben Domäne, sodass dies Auswirkungen auf das parallele Laden der Seite hat.

Sie müssen diese beiden Nachteile berücksichtigen, bevor Sie

iframe

verwenden. Wenn Sie iframe verwenden müssen, verwenden Sie am besten Javascript dynamisch >iframe

Fügen Sie den Attributwert

src hinzu, der die beiden oben genannten Probleme umgehen kann.

30

So lösen Sie das domänenübergreifende Ajax ? jsonp,

iframe

, window.name, window.postMessage, Proxy-Seite auf dem Server festlegenIhr eigener Ansatz

:

jQueryVerwendung von

Ajax

$.ajax({

dataType:'jsonp'

})

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen xhtml und html?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!