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
id 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)
Wenn die Seite 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
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
JSONObject: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: 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
index = 0
index = 1
index = 2
li>
