1. Was ist der Unterschied zwischen xhtml und html? Eine grundlegende WEB
Webdesign-Sprache , XHTML basiert auf XML Der Hauptunterschied zwischen Auszeichnungssprachen :
XHTMLElemente 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
MethodeWelche 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; i< arr1.length; i++){ if(arr2.indexOf(arr1[i]) < 0){ arr2.push(arr1[i]); } } document .write(arr2); // 1,2,3,4,5,6 9. Bitte beschreiben Sie den Unterschied zwischen Cookies, sessionStorage und localStorage sessionStorage wird verwendet, um Daten in einer Sitzung lokal zu speichern. Auf diese Daten kann nur von Seiten in derselben Sitzung zugegriffen werden und die Daten werden zerstört, wenn die Sitzung endet. Daher handelt es sich bei sessionStorage nicht um einen dauerhaften lokalen Speicher, sondern nur um einen Speicher auf Sitzungsebene. LocalStorage wird für die dauerhafte lokale Speicherung verwendet, sofern die Daten nicht aktiv gelöscht werden. Der Unterschied zwischen Webspeicher und Cookies Das Konzept des Webspeichers ähnelt dem von Cookies, der Unterschied besteht jedoch darin, dass es so ist Entwickelt für größere Speicherkapazität. Die Größe des Cookies ist begrenzt und das Cookie wird jedes Mal gesendet, wenn Sie eine neue Seite anfordern, was Bandbreite verschwendet. Darüber hinaus muss das Cookie einen Bereich angeben und kann nicht domänenübergreifend aufgerufen werden. Darüber hinaus verfügt Web Storage über setItem, getItem, removeItem, clear und andere Methoden. Im Gegensatz zu Cookies müssen Front-End-Entwickler setCookie und getCookie selbst kapseln. Aber auch Cookies sind unverzichtbar: Cookies dienen der Interaktion mit dem Server und existieren als Teil der HTTP-Spezifikation, während Web Storage nur dazu dient, Daten lokal zu „speichern“. 10 Was ist der Unterschied zwischen , Cookie und Sitzung? Cookie lokal auf dem Client gespeichert ; 🎜>Sitzungwird serverseitig gespeichert ; Kontakt: Sitzungs Existiert in Cookie. 11. Was ist der Unterschied zwischen der Verwendung von Link und @import? 1).link gehört zu XHTML Tag und @import wird von CSS bereitgestellt; > 2) geladen wird, wird gleichzeitig der Link geladen, und der @ Das durch Import referenzierte CSS wartet, bis die Seite geladen ist, bevor es geladen wird >3 ).import kann nur von IE5 oder höher erkannt werden, während Link ist XHTML Tag, keine Kompatibilitätsprobleme;4 ).link Das Gewicht des Stils>@import 12. Beschreiben Sie kurz die Positionierung. Position: Relativ:Relative Positionierung. Relativ zur ursprünglichen Positionierung bleibt der ursprüngliche DOM-Bereich erhalten : 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 Object:var obj =eval('('+ str +')' ); var obj = str.parseJSON(); var obj = JSON.parse(str); JSON-Objekt wird in -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 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 ( +PC Website Modus)17. : 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: wird betont, während 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 li>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
