Tag -Schließnahrung, Beschriftungen, skrupellosen verschachtelte, erhöht die Chance, Robotersuche zu durchsuchen, externe Ketten -CSS- und JS -Skripte zu verwenden, strukturelle Leistungsabtrennung, Datei -Download und Seiten schneller, auf Inhalte können von mehr Benutzern zugegriffen werden, auf Inhalte und Inhaltscodes und Inhaltscodes und Inhalte und Inhaltscodes und Inhalte können zugegriffen werden Komponenten, auf die weit verbreitete Geräte zugegriffen werden können, sind einfach zu warten und zu ändern.
Was ist der Unterschied zwischen xhtml und HTML
HTML ist eine grundlegende Webdesignsprache.
Das XHTML -Element muss korrekt verschachtelt sein.
XHTML -Elemente müssen geschlossen werden.
Das Etikett muss ein Kleinbuchstaben sein.
XHTML -Dokumente müssen Wurzelelemente haben.
3.DocType?
Wird verwendet, um das Dokument mit dieser Spezifikation (HTML/XHTML) im Allgemeinen zu deklarieren, das HTML -Dokument mit einem strengen übermäßigen Framework basiert auf dem Framework durch die XML -Anweisung und die Analysemethode wird mit IE5.5 in IE5.5 -Fehler geändert.
4. Was sind die Elemente in der Linie?
Block -Level -Element: Div P H1 H2 H3 H4 Form ul
Element in der Zeile: AB BR I Span Eingabe auswählen
CSS -Box -Modell: Inhalt, Rand, Marge, Polsterung
5. Was sind die Möglichkeiten, BYCSS einzuführen?
Interne und interne interne interne interne Anleitung
Differenz: Last gleichzeitig
Ersteres ist nicht kompatibel, letzteres unterstützt den Browser unter CSS2.1 nicht
Link unterstützt die Verwendung von JavaScript, um den Stil zu ändern, der nicht sein kann
6. Was sind die ausgewählten Auswahlsymbole?
Wie berechnet man?
Welcher der inneren und wichtigen ist hoch?
Tag -Auswahl -Lehrplanauswahl -ID -ID Auswahlzeichen
Die Vererbung ist nicht so gut wie angegebene ID> Klasse> Etikettenauswahl
Letzteres hat eine hohe Priorität
7. Was sind die drei Schichten der vorderen Seite und was sind die Unterschiede?
Strukturschicht HTML repräsentiert die Schicht CSS -Verhaltensschicht js
8. Die grundlegende Satzzusammensetzung von CSS?
Selector {Eigenschaften 1: Wert 1;
9. Was sind die Seiten, die Sie gemacht haben?
Was ist der Kern?
Dh (dh Kernel) Gecko (Webkit) Open (Presto)
10. Schreiben Sie mehrere Lösungen auf IE6 -Fehler
1. Verwenden Sie Anzeige
2,3 Pixel Problem verwendet Disklpay: Inline -3px durch Float verursacht
3. Howl -Link schweben Sie nach dem Klicken auf den richtigen Schreibauftragslink, der Hover Active besucht hat
4.ie Z-Idex-Problem fügt die Position hinzu: Relativ
5. PNG transparent verwenden JS -Codeänderung
6. Minimum minimale Höhe! Wichtige Lösung '
7. Wählen Sie mit Iframe Nisting unter IE6 aus
8. Warum gibt es keine Möglichkeit, den Breitencontainer etwa 1px zu definieren (IE6 -Standardlinie
Verursacht durch Over: Hidden, Zoom: 0,08 Linienhöhe: 1px)
11. Was ist der Unterschied zwischen der Titels- und der Alt -Eigenschaft auf dem Etikett?
ALT wird durch Text dargestellt, wenn das Bild nicht angezeigt wird.
Der Titel enthält Informationen für dieses Attribut
12. Beschreiben Sie die Rolle und Verwendung von CSS -Reset.
Zurücksetzen Sie die CSS -Standardattribut -Browser -Sorten des Browsers zurück.
Verschiedene Stile, dann zurücksetzen, lassen Sie sie sich vereinen
13. Erklären Sie, wie Sie CSS Sprites verwenden.
Der CSS -Elf integriert eine Reihe kleiner Bilder in ein großes Bild.
Reduzieren Sie die Anzahl der Anfragen auf dem Server
14. Was ist der Unterschied zwischen dem Standardmodus und dem seltsamen Modus des Browsers?
Anders im Boxmodell -Rendering -Modus
Verwenden Sie window.top.document.compatmode
Kann den Grund zeigen, warum Modus
15. Wie optimieren Sie die Dokumente und Ressourcen der Website?
Dateiverzerrung
Datei minimieren/Dateikomprimierung
CDN Hosting
Cache -Verwendung
16. Was ist eine semantische HTML?
Das Bewusstsein für das Tag ist gut für das Greifen der Suchmaschine
17. Mehrere Möglichkeiten zum Entfernen von Schwimmern, ihren jeweiligen Vor- und Nachteilen
1. Verwenden Sie das leere Etikett, um das schwimmende klar zu löschen: Beide (theoretisch klar kann klar sein
Jedes Etikett ,,,, bedeutungslose Etiketten hinzufügen)
2. Verwenden Sie Überlauf: automatisch (leeres Tagelement zum Entfernen von Float ohne
Erhöhen Sie nicht die Nachteile des unbeabsichtigten Code, verwenden Sie Zoom: 1 für kompatible IE).
3.. Mit AFERT Pseudo -Elementen float (für keinen Browser)
JavaScript1. Welche Datentypen von JavaScript -Typenrückgabe
Objektnummernfunktion boolean unterfind
2. Beispiel 3 obligatorische Konvertierung und 2 Conversion 2 versteckter Typ?
Obligatorisch (Parseint, Parsefloat, Nummer)
Versteckt (== - ===)
3. Die Differenz zwischen wlit () join ()
Ersteres ist die Form des Schneidens in eine Gruppe, und letzteres soll das Array in eine Schnur umwandeln
4. Array -Methode pop () push () unvershift () regel () ())
Fügen Sie Pop () Schwanz am Heck von Push () zu löschen ()
Unshift () Kopf fügt Shift () Kopf löschen hinzu
5. Was sind die Unterschiede zwischen Ereignisbindungen und gewöhnlichen Ereignissen
6. Unterscheidet sich vom Fluss- und DOM -Ereignisstrom
1. Die Ausführungsreihenfolge ist anders,
2. Die Parameter sind unterschiedlich
3. Fügen Sie die Veranstaltung nicht hinzu
4. Ahis zeigt auf das Problem
7. Was sind kompatible Schreibmethoden nach II und Standards
Var ev = ev || Fenster.Event
document.documentElement.clientwidth ||
Var target = ev.srcelement || ev.target
8. Der Unterschied zwischen Get- und Post -Methoden bei Anfrage
Einer wird in den virtuellen Träger hinter der URL platziert
Es gibt Größenbeschränkungen
Sicherheitsfrage
Unterschiedliche Anwendungen sind Foren und so weiter.
9. Der Unterschied zwischen Anruf und Bewerbung
Object.call (this, OBJ1, OBJ2, OBJ3)
Object.Apply (dies, Argumente)
Wenn 10.Ajax Anfrage anfordern, erklären Sie JSON -Daten
Eval -Parse ist zuverlässiger für die Verwendung von Sicherheitsüberlegungen zu verwenden
11.b wie man erben a
12. Schreiben Sie eine Funktion, um einen Nicht -Line -Stil zu erhalten
Funktion getStyle (obj, attr, value) {if (! Value) {if (obj.currenstyle) {return obj.currenstyle (attr)} else {obj.getComputestyle (attr, false)}} {obj.style [attr ] = Wert}}13. Was ist die Kommission des Vorfalls?
Lassen Sie das Prinzip des sprudelnden Ereignisses im Ereignis, lassen Sie die Ereignisse ausgelöst, lassen Sie sein übergeordnetes Element ausführen!
14. Was ist der Verschluss, was sind die Eigenschaften und die Auswirkungen auf die Seite?
Schließen ist eine Funktion, die andere interne Variablen anderer Funktionen lesen kann.
1. Speichern Sie die Variable I in jedem Absatzobjekt (p)
1. Funktion init1 () {
2. var pry = document.getElementsByTagName (p);
3. für (var i = 0; i <prry.length; i ++) {
4. Pary [i] .i = i;
5. Pary [i] .onclight = function () {
6. Alarm (this.i);
7.}
8.}
9.}
2. Speichern Sie die Variable I in der anonymen Funktion selbst
1. Funktion init2 () {
2. var pry = document.getElementsByTagName (p);
3. für (var i = 0; i <prry.length; i ++) {
4. (Pary [i] .onclight = function () {
5. Alert (Argumente.Callee.i);
6.}).
7.}
8.}
3. Fügen Sie einen Verschluss einer Schließschicht hinzu, ich überträgt sie in Form eines Funktionsparameters auf die Funktion der inneren Schicht
1. Funktion init3 () {
2. var pry = document.getElementsByTagName (p);
3. für (var i = 0; i <prry.length; i ++) {
4. (Funktion (arg) {
5. Pary [i] .onclight = function () {
6. Alarm (arg);
7.};
8.}) (i);
9.}
10.}
4. Fügen Sie einen Verschluss einer Verschlusschicht hinzu, ich überträgt sie in Form einer lokalen Variablen in die Funktion der inneren Schicht
1. Funktion init4 () {
2. var pry = document.getElementsByTagName (p);
3. für (var i = 0; i <prry.length; i ++) {
4. (Function () {
5. var temp = i;
6. Pary [i] .onclight = function () {
7. Alarm (Temp);
8.}
9.}) ();
10.}
11.}
5. Fügen Sie einen Schließ einer Schicht hinzu und geben Sie eine Funktion als Antwortereignis zurück (achten Sie auf die subtile Differenz von 3).
1. Funktion init5 () {
2. var pry = document.getElementsByTagName (p);
3. für (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = function (arg) {
5. return function () {// eine Funktion zurückgeben
6. Alarm (arg);
7.}
8.} (i);
9.}
10.}
6. Für die Implementierung mit Funktion erzeugt jede Funktionsinstanz einen Verschluss
1. Funktion init6 () {
2. var pry = document.getElementsByTagName (p);
3. für (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = neue Funktion (alarm ( + i +);) // neu erzeugt eine Funktionsinstanz gleichzeitig
5.}
6.}
7. Mit der Funktion implementieren, achten Sie auf die Differenz von 6
1. Funktion init7 () {
2. var pry = document.getElementsByTagName (p);
3. für (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = function ('alert ('+i+')');
5.}
6.}
15. Wie man Vorfälle stoppt, sprudeln und standardmäßig Ereignisse
Cocebubble return falsch
16. Hinzufügen, um die Methode zum Einfügen in einen bestimmten Kontakt zu löschen und zu ersetzen
obj.appendchidl ()
obj.innersetbefore
Obj.Replacechild
obj.removechild
17. Erklären Sie das Prinzip von JSONP und warum es nicht der wahre Ajax ist
Erstellen Sie dynamisch eine Skriptbezeichnung und eine Rückruffunktion
AJAX ist eine lockere Aktualisierungsanforderungsdatenoperation
18. Das lokale Objekt von JavaScript, erstellte -Inin -Objekt und Hostobjekt
Das lokale Objekt ist Array obj regexp usw.
Das gebaute Objekt ist Gload Math usw.
Dokument, Fenster usw. dass der Host mit dem Browser geliefert wird
19. Der Unterschied zwischen Dokumentlast und Dokument bereit
Document.onload ist die Ausführung von JS nach dem Laden der Struktur und des Stils
Document.ready Native Species hat diese Methode nicht, JQuery ist verfügbar
$ ().
20. == und === anders
Ersterer wird den Typ automatisch konvertieren
Letzteres wird nicht
21. JavaScripts homologe Strategie
Ein Skript kann nur die Attribute von Fenstern und Dokumenten aus denselben Quellen lesen.
Die gleiche Quelle bezieht sich hier auf die Kombination aus Hostnamen, Vereinbarung und Portnummer
22. Schreiben Sie einen Weg, um für Array schwer zu werden
Funktion osort (arr)
{{{{
var result = {};
var newarr = [];
für (var i = 0; i <arr.length; i ++)
{{{{
if (! Ergebnis [arr])
{{{{
newarr.push (arr)
Ergebnis [arr] = 1
}
}
NEUarr zurückgeben
}
23. Medienauswahl
@Media (Min-Width: 992px) und (max-Width: 1199px)
@Media Screen und (Minwidth: 768px)
HTML & CSS
1. Was sind die häufig verwendeten Browser -Tests? Welche Kerne (Layoutmotor)?
(Q1) Browser: IE, Chrome, Firefox, Safari, Opera.
(Q2) Kernel: Trident, Gecko, Presto, Webkit.
2. sprechen von den Unterschieden zwischen den Downlink -Elementen und den Elementen der Blockebene? Was ist die Kompatibilität des inneren Blockelements? (IE8 unten)
(Q1) In -Line -Elementen: Es wird in horizontale Richtung angeordnet, die keine Elemente von Block -Level enthalten und die Breite ungültig ist.
Die Höhe ist ungültig (Sie können Zeilenhöhe festlegen), der Rand ist ungültig, die Polsterung ist ungültig.
Block -Level -Elemente: Jeder nimmt eine Linie ein und die vertikale Richtung ist angeordnet. Ab dem Ende der neuen Linie wurde man getrennt.
(Q2) Kompatibilität: Anzeige: Inline-Block;*Anzeige: Inline;*Zoom: 1;
3. Wie können Schwimmkörper entfernen? Was ist besser?
(Q1)
(1) Definition von Höhe Div.
(2) leeres Div -Tag am Ende.
(3) Familiendivdefinition Pseudo: After und Zoom.
(4) Definition des Überlaufs: versteckt.
(5) Definition des Überlaufs: Auto: Auto.
(6) Die übergeordnete DIV schwebt auch und muss die Breite definieren.
(7) Definition Anzeige: Tabelle.
(8) BR -Tag klar hinzufügen: Beide am Ende.
(Q2) Es ist besser für die dritte Methode.
4. Was sind die häufig verwendeten Attribute? Was ist die Rolle?
(Q1) Boxgröße: Inhaltsbox |
(Q2) Content-Box: Die Breite und Höhe werden auf das Inhaltsfeld des Elements angewendet.
Zeichnen Sie den Innenraum und den Rand des Elements außerhalb der Breite und Höhe (die Standardwirkung des Elements).
Border-Box: Jeder im Element angegebene Innen- und Rahmen wird eingerichtet
Breite und Höhe zeichnen. Eine Abnahme von der festgelegten Breite bzw. der Höhe
Nur die Breite und Höhe des Inhalts kann durch den Rand und die Innenabstand erhalten werden.
5.DocType? Was sind die Unterschiede zwischen dem Standardmodus und dem Kompatibilitätsmodus?
(Q1)>!
Standardanalyse dieses Dokuments. DocType existiert nicht oder falsche Formate verursachen Text
Die Datei wird in einem kompatiblen Modus dargestellt.
(Q2) Der Typset- und JS -Betriebsmodus des Standardmodus wird am besten vom Browser unterstützt
Hoher Standardbetrieb. Im kompatiblen Modus ist die Seite locker und rückwärts
Zeigen Sie, dass das Verhalten der alten Browser von Simulation verwendet wird, um zu verhindern, dass die Website nicht funktionieren kann.
6.html5 Warum muss nur schreiben>!
HTML5 basiert nicht auf SGML, daher besteht keine Notwendigkeit, auf DTD zu verweisen, sondern aber
Benötigen docType, um das Verhalten des Browsers zu regulieren (lassen Sie den Browser ihnen folgen
Es sollte ausgeführt werden).
HTML4.01 basiert auf SGML, daher muss es auf DTD verwiesen werden
Informieren Sie die Art der Dokumentation, die im Browser -Dokument verwendet wird.
7. Wenn die Seite importiert wird, was ist der Unterschied zwischen der Verwendung von Link und @Import?
(1) Link gehört zum XHTML -Etikett.
Um RSS zu definieren, definieren Sie die Rolle von Rel -Verbindungsattributen usw.;
Für die Versorgung kann es nur zum Laden von CSS verwendet werden.
(2) Wenn die Seite geladen wird, wird der Link gleichzeitig geladen und @import -Zitate
Das CSS wartet, bis die Seite vor dem Laden geladen ist.
(3) Import wird durch CSS2.1 vorgeschlagen.
Link ist das XHTML -Etikett, das nicht kompatibel ist;
8. Führen Sie Ihr Verständnis des Browser -Kernels vor?
Hauptsächlich in zwei Teile unterteilt: Motor rendern (Layout -Ingenieur oder
Rendering Engine) und JS -Motoren.
Rendering Engine: Verantwortlich für den Erhalt des Inhalts der Webseite (HTML, XML, Bild usw.),
Sortieren Sie die Nachricht (z. B. Hinzufügen von CSS usw.) und die Anzeigemethode zur Berechnung der Webseite.
Dann in die Anzeige oder den Drucker ausgeben. Unterschiedlicher Kern des Browserkerns
Die grammatikalische Interpretation der Webseite wird unterschiedlich sein, sodass die Wirkung des Renders unterschiedlich ist.
Alle Webbrowser, E -Mail -Clients und andere müssen bearbeitet werden.
Anwendungen, die Netzwerkinhalte anzeigen, erfordern den Kernel.
JS Engine: Analysieren und führen Sie JavaScript an, um den dynamischen Effekt der Webseite zu erreichen.
Zuerst unterschieden der Rendering -Motor und der JS -Motor es später nicht klar
Mit immer unabhängigerem Kern neigt der Kernel dazu, Motoren zu rendern.
9. Was sind die neuen Funktionen von HTML5? So behandeln Sie den Browser und sowohl das neue Etikett von HTML5
Könnte es in Frage gestellt werden? Wie kann man HTML und HTML5 unterscheiden?
(Q1)
HTML5 ist nicht mehr die Teilmenge von SGML, hauptsächlich um die Erhöhung der Funktionen wie Bilder, Positionen, Speicher und Multi -Tasks.
(1) Malen von Leinwand;
(2) Video- und Audioelemente, die für Medium verwendet werden;
(3) Lokale Offline -Speicherdaten für lokale Storage -Speicherdaten für lange Zeit gehen die Daten nicht verloren, nachdem der Browser geschlossen wurde.
(4) Die Daten von SessionStorage werden nach Abschluss des Browsers automatisch gelöscht.
(5) Bessere Inhaltselemente wie Artikel, Fußzeile, Header, NAV, Abschnitt;
(6) Formularkontrolle, Kalender, Datum, Uhrzeit, E -Mail, URL, Suche;
(7) New Technology Webworker, Websocket, Geologie;
(Q2)
IE8/IE7/IE6 unterstützt Etiketten, die von document.createelement generiert wurden.
Mit dieser Funktion können diese Browser das neue Etikett von HTML5 unterstützen.
Nachdem der Browser das neue Etikett unterstützt, muss auch der Standardstil des Etiketts hinzugefügt werden.
Natürlich können Sie auch reife Frameworks wie HTML5SHIM verwenden.
>-[wenn lt dh 9] <] <] <] <] <] <] <] <] <] <] <] <] <] <] <]
> Script <src = http://html5shim.googlecode.com/svn/trunk/html5.js>/script <
>! [Endif]-<
10. Beschreiben Sie kurz Ihr Verständnis der HTML -Semantisierung?
Mach das Richtige mit dem richtigen Etikett.
HTML Semantic verfügt über einen strukturierten Inhalt und eine klarere Struktur, die für Browser und Suchmaschinen bequem ist.
Auch wenn es keinen Stil -CSS gibt, wird es in einem Dokumentformat angezeigt und ist leicht zu lesen.
Der Crawler der Suchmaschine hängt auch von der HTML -Marke ab, um das Gewicht des Kontexts und die Schlüsselwörter jedes Schlüsselworts zu bestimmen, was für SEO förderlich ist.
Dadurch wird Menschen, die den Quellcode lesen, einfacher, die Website für die Website zu trennen, sodass es einfach ist, Wartung und Verständnis zu lesen.
JavaScript
1. Einführen Sie den grundlegenden Datentyp von JS ein
Undefiniert, null, boolean, nummer, Zeichenfolge
2. Was sind die gebauten Objekte von JS?
Datenverpackungsobjekte: Objekt, Array, Boolean, Nummer, Zeichenfolge
Andere Objekte: Funktion, Argumente, Mathematik, Datum, Regexp, Fehler
3.. Verständnis des Athis -Objekts
Dies bezieht sich immer auf den direkten Anrufer der Funktion (anstatt den indirekten Anrufer);
Wenn es neue Schlüsselwörter gibt, weist dieses Objekt auf die Neue hin.
In dem Vorfall weist dies auf das Objekt des Vorfalls hin.
Dies in AttachEvent zeigt immer auf das globale Objektfenster.
4. Was macht Eval?
Seine Funktion besteht darin, die entsprechende Zeichenfolge in JS -Code zu lösen und auszuführen.
Eval sollte vermieden, unsicher und sehr verbraucht werden (zweimal in JS -Anweisungen zu einer Zeit, einer Ausführung).
Wenn Sie von der JSON -String in das JSON -Objekt konvertiert werden, können Sie Eval, var obj = eval (' + str +') ') verwenden;
5. So fügen, entfernen, verschieben, kopieren, erstellen und suchen Sie Knoten
// Erstellen Sie einen neuen Knoten
creatcessocumentFraagment () // ein DOM -Fragment erstellen
CreateLement () // Erstellen Sie ein bestimmtes Element
createTextNode () // einen Textknoten erstellen
// hinzufügen, entfernen, ersetzen, einfügen
AppendChild ()
Removechild ()
ErsatzEchild ()
InsertBefore () // einen neuen Sub -Node vor dem vorhandenen untergeordneten Knoten einfügen
// Finden
GetElementsByTagName () // über den Labelnamen
GetElementsByName () // Der Wert der Namenseigenschaft des Elements
(IE Fehlertoleranzkapazität ist stark, und ein Array wird erhalten, einschließlich der ID entspricht dem Namenswert)
GetElementById () // über Element ID, Einzigartigkeit, Einzigartigkeit
6. Der Unterschied zwischen Null und Undefinine?
NULL ist ein Objekt, das nichts tut, was bei Wert von 0 ist
Der ursprüngliche Wert, der nichts angibt, ist NAN, wenn er sich dem Wert verwandelt.
undefiniert:
(1) Variablen werden deklariert, aber wenn es keine Zuordnung gibt, ist sie gleich und definiert.
(2) Bei Aufrufen der Funktion sind die Parameter nicht bereitgestellt.
(3) Es gibt kein Attribut des Objekts, und der Wert dieses Attributs ist undefiniert.
(4) Wenn die Funktion den Wert nicht zurückgibt, wird der undefinierte standardmäßig zurückgegeben.
NULL:
(1) Als Parameter der Funktion ist der Parameter der Funktion kein Objekt.
(2) Das Ende der Primärkette des Objekts.
7. Was machen das dann Betriebsymbol des damaligen Betriebs?
(1) Erstellen Sie ein leeres Objekt, und das diese Variable verweist das Objekt.
Gleichzeitig wurde auch der Prototyp der Funktion vererbt.
(2) Die Attribute und Methoden werden dem von diesem verwiesenen Objekt hinzugefügt.
(3) Das neu erstellte Objekt wird dadurch zitiert, und der endgültige verborgene Typ gibt dies zurück.
8. JSON Verständnis?
JSON (JavaScript -Objektnotation) ist eine Art Licht
Übergewichtiges Datenaustauschformat. Es ist eine Untergruppe von JavaScript.
Das Datenformat ist einfach, einfach zu lesen und zu schreiben und nimmt eine kleine Bandbreite ein.
Format: Verwenden Sie Schlüsselwertepaare, zum Beispiel: {'Alter': '12', 'Name': 'zurück'}
9. Die Unterschiede und Funktionen von Call () und anwenden ()?
Die Funktion apply () hat zwei Parameter: Der erste Parameter ist der Kontext, der zweite
Der Parameter ist ein Array, das aus dem Parameter besteht. Wenn der Kontext null ist, verwenden Sie stattdessen das globale Objekt.
Wie: function.apply (this, [1,2,3]);
Der erste Parameter des Call () ist der Kontext und die nachfolgende Parametersequenz, die von Instanzen übergeben wurde.
Wie: function.call (this, 1,2,3);
10. Wie kann man ua bekommen?
Funktion WhatBrowser () {
document.browser.name.value = navigator.appname;
document.browser.version.value = navigator.appversion;
document.browser.code.value = navigator.appcodename;
document.browser.agent.value = navigator.useragent;
}
andere
1. Was weiß der DOHTTP -Statuscode?
100 Weiter geht es weiter, normalerweise beim Senden von Postanfragen wurde es gesendet
Nach dem HTTP -Header gibt der Server diese Informationen zurück, um die Bestätigung anzugeben, und senden dann bestimmte Parameterinformationen
200 OK Normale Returninformationen
Die 201 erstellte Anfrage war erfolgreich und der Server erstellte neue Ressourcen
202 Der akzeptierte Server hat die Anfrage akzeptiert, wurde jedoch nicht verarbeitet
Die von 301 angeforderte Webseite hat sich dauerhaft in eine neue Position bewegt.
302 fand eine vorübergehende Umleitung.
303 Siehe andere vorübergehend umleiten und verwenden Sie immer, um neue URI anzufordern.
304 Nicht geändert wurde seit der letzten Anfrage nicht mehr geändert.
Der 400 Bad Request -Server kann das Format der Anfrage nicht verstehen, und der Client sollte nicht versuchen, denselben Inhalt zu verwenden, um eine Anfrage erneut zu initiieren.
401 Nicht autorisierte Anfragen sind nicht autorisiert.
403 Forbidden ist verboten, zugreifen zu können.
404 Nicht gefundene nicht finden keine Ressource, die dem URI entspricht.
500 Internet -Server -Fehler des häufigsten Servers.
Der nicht verfügbare Server von 503 Service kann vorübergehend keine Anfragen verarbeiten (wahrscheinlich überlastet oder Wartung).
2. Welche Art von Leistungsoptimierungsmethoden haben Sie?
(1) Reduzieren Sie die Anzahl der HTTP -Anforderungen: CSS Sprites, JS, CSS -Quellcodekomprimierung, großes Bild
Small Control ist angemessen;
(2) Die vorne -End -Vorlage JS+-Daten wird aufgrund des HTML -Etiketts auf Bandbreitenabfälle reduziert.
Die Front -End -Variable speichert die Ergebnisse der AJAX -Anfrage.
(3) Verwenden Sie InnerHTML, um den DOM -Betrieb zu ersetzen, die Anzahl der DOM -Operationen zu reduzieren und die Leistung von JavaScript zu optimieren.
(4) Der Klassenname wird festgelegt, wenn viele Stile Sie einrichten müssen, anstatt einen direkten Betriebsstil.
(5) Verwenden Sie die Ergebnisse globaler Variablen und Cache -Dom -Knoten. Reduzieren Sie den IO -Lesevorgang.
(6) Vermeiden Sie die Verwendung der CSS -Expressionion (CSS -Expression), die auch als dynamische Eigenschaften bezeichnet wird.
(7) Vor dem Bild laden Sie den Stiltisch oben, legen Sie das Skript nach unten und fügen Sie einen Zeitstempel hinzu.
3. Was ist elegante Herabstufung und allmähliche Verbesserung?
Eleganter Abstieg: Websites können in allen neuen Browsern normal funktionieren
Der altmodische Browser wird verwendet, und der Code prüft, ob sie normal arbeiten können.
Aufgrund des Problems des einzigartigen Box -Modelllayouts von IE für verschiedene Versionen der Hack -Praxis des IE
Die Eleganz wurde herabgestuft und fügte den Kandidatenplan für die Browser hinzu, die die Funktion nicht unterstützen können.
Machen Sie es in irgendeiner Form zu einer Abstiegserfahrung im alten Browser, aber es wird nicht vollständig ungültig gemacht.
Abschlussverbesserung: Ausgehend von den grundlegenden Funktionen, die von allen Browsern unterstützt werden, fügen Sie diese allmählich hinzu
Die Funktion von nur neuen Browsern wird unterstützt und fügt der Seite eine harmlose Menge des grundlegenden Browsers hinzu
Externer Stil und Funktion. Wenn der Browser unterstützt, präsentiert er automatisch und spielt eine Rolle.
4. Welche allgemeinen Operationen können Speicherleckage verursachen?
Speicherleckage bedeutet, dass noch ein Objekt existiert, nachdem Sie es nicht mehr besitzen oder es brauchen.
Das Müllwiederherstellungsgerät scannt das Objekt regelmäßig und berechnet die Anzahl anderer Objekte jedes Objekts.
Wenn die Anzahl der Referenzen eines Objekts 0 beträgt (kein anderes Objekt hat das Objekt zitiert),
Oder der einzige Verweis auf das Objekt ist kreisförmig, dann kann die Erinnerung des Objekts recycelt werden.
Der erste Parameter des SetTimeOut verwendet eine Zeichenfolge anstelle einer Funktion, die Speicherleckage verursacht.
Verschluss, Konsolenprotokoll, Zyklus (Wenn zwei Objekte sich gegenseitig zitieren und sich gegenseitig behalten, wird ein Zyklus erzeugt)
5. Der Unterschied zwischen Faden und Prozess
Es gibt mindestens einen Prozess in einem Programm, und ein Prozess hat mindestens einen Thread.
Die Teilungsskala des Threads ist geringer als der Prozess, was die Komplikation von Programmen mit mehreren Threads hoch macht.
Darüber hinaus verfügt der Prozess über eine unabhängige Speichereinheit während der Ausführung und mehrere Threads teilen Speicher.
Infolgedessen wird die Betriebseffizienz des Programms erheblich verbessert.
Der Thread unterscheidet sich immer noch vom Prozess während der Ausführung. Jeder unabhängige Thread hat ein Programm
Ausgang von Sequenzen und Sequenzen und Sequenzen der Sequenzierung. Aber Themen können nicht unabhängig sein
Die Ausführung muss gemäß der Anwendung mehrerer Threads in der Existenz der Anwendung durchgeführt werden.
Aus logischer Sicht besteht die Bedeutung von Multi -Threading darin, dass in einer Anwendung mehrere Ausführungen vorhanden sind
Teil kann gleichzeitig ausgeführt werden. Das Betriebssystem betrachtet jedoch nicht mehrere Threads als mehrere unabhängige
Anwendungen zur Erreichung der Prozessplanung sowie zur Verwaltung sowie zur Ressourcenzuweisung. Dies ist der Prozess und der Faden
Wichtige Unterschiede.
Front -Endentwicklungsingenieur Gesichtstestfrage JavaScript
1. Methoden, die dynamisch verwendet werden können, um den Inhalt in der Ebene zu ändern, sind (AB)
A) Innerhtml
b) InnerText
c) Erkennen Sie durch das Versteck und die Anzeige der Einstellungsschicht
d) Zeigen Sie Attribute des Stilattributs der Ebenenschicht an
2. Beim Drücken der Tastatur A ist das Ergebnis des Druckereignisses. Keycode mit dem Onkeydown -Ereignis ist (a)
A) 65
b) 13
c) 97
d) 37
3. In JavaScript sind die folgenden Optionen keine Array -Methode (b);
a) sort ()
b) Länge ()
c) concat ()
d) reverse ()
4. Welche der folgenden Optionen kann verwendet werden, um die Indexnummer der ausgewählten Option abzurufen? (B)
a) deaktiviert
b) SelectedIndex
c) Option
d) Mehrfach
5. Ich hoffe, das Bild hat die gleiche Funktion der Einreichungs -Taste.
a) manuell im Onclick -Ereignis des Bildes einreichen
b) Fügen Sie dem Bild ein Onsubmit -Ereignis hinzu
c) manuell im Onsubmit -Ereignis des Bildes einreichen
d) automatisch im Formular einreichen
6. Der Code, der die Div -Ebene und das Textfeld korrekt ist (d);
A)
B)
C)
D)
7. In den folgenden Optionen ist die richtige Beschreibung (wählen Sie zwei Elemente aus). (ANZEIGE)
a) options.add (neue Option ('a', 'a') kann dynamisch eine Drop -Down -Liste hinzufügen
b) option.add (neue Option ('a', 'a') kann dynamisch eine Drop -Down -Liste hinzufügen
c) Neue Option ('a', 'a') 'a' repräsentiert den Wert der Listenoption, 'a' wird verwendet, um auf der Seite anzuzeigen
d) Neue Option ('a', 'a') 'a' repräsentiert den Wert der Listenoption, 'a' wird verwendet, um auf der Seite anzuzeigen
8. var emp = New Array (3);
für (var i in emp)
In den folgenden Antworten kann es durch den für Schleifencode ersetzt werden: (Wählen Sie einen). (D)
A für (var i = 0; i
B für (var i = 0; i
C für (var i = 0; i
D für (var i = 0; i
9. Wenn die Funktion des Erstellens eines Klassengerichts als (a) Vorfall des Drop -Down -Listenfelds bezeichnet wird.
a) Onchange
b) Onfokus
c) ausgewählt
d) Onclick
10. In den folgenden Aussagen des Arrays lautet die falsche Option (c).
a) var arry = new Array ()
b) var ar arry = neuarray (3)
c) var arry [] = Neues Array (3) (4)
d) var ar arry = new Array ('3', '4')
11. Welche der folgenden Attribute kann das Verstecken von Schichten erreichen? (C)
a) Anzeige: FALS
b) Anzeige: versteckt
c) Anzeige: Keine
d) Anzeige:
12. Welche der folgenden Optionen ist keine Methode des Dokumentobjekts?
a) Focus ()
b) GetelementById ()
c) GetElementsByName ()
d) BGColor ()
13. Welche der folgenden Aussagen drückt das Tastaturereignis (AB)
a) Onkeydown
b) Onkeypress
c) Schlüsselcode
d) Onmouseover
14. Der Zweck von JavaScript zur Überprüfung der Formbestätigung ist (b)
a) Senden Sie die richtigen Informationen des Benutzers auf den Server
b) Überprüfen Sie die übermittelten Daten, die die übermittelten Daten erfüllen müssen, die Realität erfüllen
c) Machen Sie die Seite schön und großzügig
d) Reduzieren Sie den Druck auf der Serverseite
15. Der häufig verwendete Wert des Anzeigeattributwerts enthält nicht (c)
a) Inline
b) Block
c) versteckt
d) keine
16. Die folgenden Aussagen zum Pixeltop -Attribut und zum Top -Attribut sind korrekt. (D)
a) Alle Attribute von Standortobjekten
b) Die Rückgabewerte bei Verwendung sind alle String
c) Alle geben den Wert der Pixel zurück
d) Das obige ist nicht richtig
17. Mit der geöffneten Methode das Fenster mit Browser -Tools, Adressspalten und Menüleisten öffnen.
a) Open (X.html, HI, Toolbas = 1, Scrollbars = 1, Status = 1);
b) Öffnen (Hi, Scrollbars = 1, lokal = 1, Status = 1);
c) Öffnen (x.html, Status = Ja, Menubar = 1, lokal = 1);
d) Open (X.html, HI, Toolbas = Ja, Menubar = 1, lokal = 1);
18. Der unten geschlossene Code ist korrekt (c)
a) document.getElementByIdx_x_x_x (mydiv) .style.display = none;
b) document.getElementByIdx_x_x_x (mydiv) .style.display = none;
c) document.getElementByIdx_x_x_x (mydiv) .style.display = none;
d) document.getElementByIdx_x_x_x (mydiv) .style.display == keine;
19. Warum Div+CSS -Layout verwenden?
Form und Inhaltstrennung
Reduzieren Sie den Seitencode stark und erhöhen
Die Struktur ist klar, was für SEO förderlich ist
Kurz gesagt, das Layout ist bequemer
Design, mehrmals verwenden
20. Was sind die Eigenschaften von Blockelementen?
Beginnen Sie immer bei einer neuen Reise;
Höhe, Höhe, Ober- und Bodenentfernung;
Der Breitenverlust beträgt 100%seines Containers, es sei denn, eine Breite setzen
Es gibt Elemente: ,,
,,,,
Was sind die Eigenschaften von 21 und Inline -Elemente?
Beide mit anderen Elementen stehen auf dem Spiel;
Hoch-, Hoch- und Ober- und Bodenrand können nicht geändert werden.
Die Breite ist die Breite ihres Textes oder seiner Bilder und kann nicht geändert werden.
Es ist Inline -Element: ,,,,,,,
,,,,
Und.
22. Was ist das Ergebnis des Ausdrucks ParseInt (x8x8)+PaseFloat ('8') in JavaScript?
A) 8+8
b) 88
c) 16
d) 8+ '8
23. Die Methode des String -Objekts enthält nicht (c) nicht
a) charat ();
b) substring ()
c) Länge
d) touppercase ()
24. Über SetTimeout (Check, 10) Die Anweisung ist korrekt (d)
a) Programmzyklusausführung 10 Mal
b) Überprüfen Sie die Funktion aus, die alle 10 Sekunden ausgeführt werden
c) 10 als Parameter, das an die Funktionsprüfung übergeben wurde
d) Überprüfen Sie die Funktion, die alle 10 Millisekunden ausführt
25. Welche der folgenden Wörter gehören nicht zu JavaScript -Schlüsselwörtern: (c)
a) mit
b) Elternteil
c) Klasse
d) Leere
Vorwort
Dieser Artikel fasst einige Front -Front -Interview -Fragen (hauptsächlich aus dem Internet) zusammen. Spekulieren Sie nicht, fragen Sie einfach, dass das Interviewlevel falsch ist!
Es gibt ein paar Punkte, die auf das Interview achten können: (Quelle Cheng Yan Fei Lehrer Github: @wintercn)
Interviewthema: Gemäß Ihrer Ebene und Ihrer Positionsänderung, Eingangsebene -Level zu Expertenebene: Umfang ↑, Tiefe ↑, Richtung ↑.
Arten von Fragen: Technische Vision, Projektdetails, theoretische Kenntnissefragen, Algorithmusfragen, Offenheitfragen, Fallfragen.
Fragen: Sie können sicherstellen, dass Sie den Interviewer nicht verstehen oder nicht verstehen. Da diese Art von verwandtem Wissen langfristig lernt, wird es definitiv nicht vorübergehend in Erinnerung bleiben.
Beantworten Sie die Frage, der Interviewer (vielleicht ist es Ihr direktes Führungsinterview). Werden Sie überlegen, ob ich möchte, dass diese Person mein Kollege ist? Die Einstellung ist also wichtig. (Es fühlt sich eher wie ein Blind Date an)
Senior -Ingenieure können Absolute und Verwandte verwirren, sodass solche Menschen es nicht brauchen, weil Sie Sie als Person brauchen, die sich auf (zuverlässig) verlassen kann.
Umriss der Front -End -Entwicklung Interview Wissenspunkt:
HTML & CSS:
Verständnis von Webstandards, Browser -Kernelunterschieden, Kompatibilität, Hack, CSS -Grundfähigkeiten: Layout, Boxmodell, Selektorpriorität und Verwendung, HTML5, CSS3, Anpassung der Anpassung an mobiler Terminalanpassung
JavaScript:
Data type, object -oriented, inheritance, closure, plug -in, action domain, cross -domain, prototype chain, modularization, custom event, memory leakage, event mechanism, asynchronous loading recovery, template engine, nodejs, JSON, AJAX, etc .
andere:
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：
此条由王子墨发表在前端随笔
1、DOM结构- 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作-如何添加、移除、移动、复制、创建和查找节点等。
3、事件- 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest - 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式- 如何触发这两种模式，区分它们有何意义。
6、盒模型- 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素- 怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素-怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML-二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON - 作用、用途、设计结构。