advanced web dev quiz Download - advanced web dev quiz Source Code Download

advanced web dev quiz

Website-Daten

1.0.0

Herunterladen

Advanced Web Dev Quiz

Dieses Repo bezieht sich auf meinen Frontendmasters -Kurs.
Sie finden die Fragen und zusätzlichen Ressourcen, um die Konzepte besser zu verstehen.

Mit diesem Advanced Web Dev Quiz wird eine breite Palette der Dinge abdeckt, mit denen Web Devs täglich zu tun haben. Ziel ist es, Ihnen bestimmte Konzepte vorzustellen, die Sie im Laufe der Jahre vielleicht vergessen haben oder einfach nicht so oft ausgesetzt werden?

Viel Spaß und hoffentlich lernen Sie heute etwas Neues! Viel Glück! ?

Euen Dieses Repo enthält nicht die Antworten (!) , Nur die Fragen und nützlichen Ressourcen zum Thema der Frage! Um die Antworten zu sehen und visualisierte Erklärungen für jede Frage zu sehen, sehen Sie sich bitte den FrontendMasters -Kurs an!

Überblick

Frage 1: async und defer Ausführungsauftrag
Frage 2: Pipeline und Komposition rendern
Frage 3: Domänenanfragen beheben
Frage 4: Rufen Sie Stack & Event Loop an
Frage 5: Ressourcenschläge
Quesiton 6: Objektreferenz & Zerstörungen
Frage 7: PerformanceNavigationTiming
Frage 8: Cache -Richtlinien
Frage 9: Müllsammlung
Frage 10: Animationskosten
Frage 11: Ereignisausbreitung
Frage 12: CSS -Spezifität
Frage 13: WeakMap
Frage 14: Web -Vitale
Frage 15: Inhaltssicherheitsrichtlinie
Frage 16: Überweisungsrichtlinien
Frage 17: Generatoren
Frage 18: Versprechenmethoden
Frage 19: Vorwärts-Cache zurück
Frage 20: XSS, MITM, CSRF, ClickJacking
Frage 21: Schriftstrategien
Frage 22: Cookies
Frage 23: CSS -Pseudo -Selektoren
Frage 24: Strict-Transport-Security
Frage 25: Schichten rendern
Frage 26: Bildformate
Frage 27: Cors
Frage 28: Ereignisschleife
Frage 29: http/1, http/2, http/3
Frage 30: this Schlüsselwort

Alle Fragen

1. Setzen Sie die Skripte in die richtige Reihenfolge der Ausführung

A. <script defer src="defer1.js" /> (lädt in 300 ms )
B. <script defer src="defer2.js" /> (lädt in 200 ms )
C. <script async src="async1.js" /> (lädt in 300 ms )
D. <script async src="async2.js" /> (lädt in 50 ms )
E. <script async defer src="asyncdefer1.js" /> (lädt in 60 ms )

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://html.spec.whatwg.org/multipage/scripting.html#attr-script-async
https://javascript.info/script-async-defer
https://developer.mozilla.org/en-us/docs/web/html/element/script

2. Welche Aussagen sind wahr?

A. Der Renderbaum enthält alle Elemente aus DOM und CSSOM kombiniert
B. Komposition ist der Prozess der Trennung von Schichten basierend auf Z-Index, die dann kombiniert werden, um das endgültige Bild auf dem Bildschirm zu bilden
C. Der Layoutprozess weist den visuellen Elementen im Renderbaum Farben und Bilder zu
D. Der Kompostierungsprozess erfolgt im Komponisten -Thread
E. Elemente, die auf der Seite nicht sichtbar sind, z. B. display: hidden , sind nicht Teil des DOM -Baumes

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://www.chromium.org/developers/design-documents/graphics-and-skia/
https://www.chromium.org/developers/design-documents/gpu-accelerated-composing-in-chrome/
https://chromium.googlesource.com/chromium/src/+/master/docs/how_cc_works.md
https://docs.google.com/presentation/d/1bopxbgnrtu0ddsc144rcxayga_wf53k96imrh8mp34y
https://developer.chrome.com/blog/inside-browser-part4/
https://www.chromium.org/blink/

3. Füllen Sie die Lücken aus

 - Browser sends request to [A]
- [A] queries [B]
- [B] responds with [C] IP address
- [A] queries [C]
- [C] responds with [D] IP address
- [A] queries [D]
- [D] responds with website's [E]

Rekursiver DNS -Resolver
Root Name Server
IP -Adresse
Domänenname -Server auf höchster Ebene
Autoritativer Name Server

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://datatracker.ietf.org/doc/html/rfc1035
https://www.liquidweb.com/kb/how-to-demystify-the-dns-process/
https://www.cloudflare.com/learning/dns/what-is-dns/
https://www.cloudflare.com/learning/dns/what-is-recursive-dns/

4. Was wird protokolliert?

 setTimeout ( ( ) => console . log ( 1 ) ) ;
Promise . resolve ( ) . then ( ( ) => console . log ( 2 ) ) ;
Promise . resolve ( ) . then ( ( ) => setTimeout ( ( ) => console . log ( 3 ) ) ;
new Promise ( ( ) => console . log ( 4 ) ) ;
setTimeout ( ( ) => console . log ( 5 ) ) ;

A. 1 2 3 4 5
B. 1 5 2 4 3
C. 3 2 4 1 5
D. 4 2 1 5 3
E. 2 4 3 1 5

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://tc39.es/ecma262/#sec-promise-objects
https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke
https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/promise
https://web.dev/promises/
https://javascript.info/promise-basics
https://javascript.info/microtask-queue

5. Passen Sie die Ressourcengefälle mit ihren Definitionen an

A. dns-prefetch
B. preconnect
C. prefetch
D. preload

Priorität des Abholen kritischer Ressourcen für die aktuelle Navigation
führt im Hintergrund Domain -Namensauflösung durch
führt proaktiv DNS -Auflösung und TCP/TLS -Handshake durch
fordert nicht kritische Ressourcen im Hintergrund an

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://html.spec.whatwg.org/#linktypes
https://www.chromium.org/developers/design-documents/dns-prefetching/
https://www.smashingmagazine.com/2019/04/optimization-performance-resource-hints/
https://web.dev/preconnect-dns-prefetch/
https://csswizarderry.com/2019/01/bandwidth-or-ladency-when-toptimise-which/
https://www.splunk.com/en_us/blog/learn/preconnect-resource-hints.html

6. Was ist die Ausgabe?

 const member = { 
  name : "Jane" , 
  address : { street : "101 Main St" }
} ;
const member2 = { ... member } ;
member . address . street = "102 Main St" ;
member . name = "Sarah" ;

console . log ( member2 ) ;

A. { name: "Jane", address: { street: "101 Main St" }}
B. { name: "Jane", address: { street: "102 Main St" }}
C. { name: "Sarah", address: { street: "101 Main St" }}
D. { name: "Sarah", address: { street: "102 Main St" }}

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://developer.mozilla.org/en-us/docs/glossary/SHALLALLE_COPY
https://developer.mozilla.org/en-us/docs/web/javascript/reference/operators/spread_syntax

7. Legen Sie die `PerformanceNavigationTimings` in die richtige Reihenfolge

A. loadEventStart
B. domComplete
C. domContentLoadedEventStart
D. fetchStart
E. connectEnd
F. domInteractive

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://www.w3.org/tr/navigation-timing-2/
https://developer.mozilla.org/en-us/docs/web/performance/navigation_and_resource_timings
https://web.dev/navigation-and-resource-timing/

8. Passen Sie die Caching -Richtlinien an ihre Definitionen an

A. no-cache
B. must-revalidate
C. no-store
D. private
E. stale-while-revalidate

Validiert eine veraltete Antwort mit dem Originserver, bevor Sie sie verwenden
Serviert abgestanden
Zwischenspeichert keinen Teil der Anfrage oder Antwort
Validiert eine zwischengespeicherte Antwort mit dem Origin -Server, bevor sie sie verwenden, auch wenn sie noch frisch ist
verhindert das Zwischenspeichern auf gemeinsamen Caches

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://www.rfc-editor.org/rfc/rfc9111
https://www.keycdn.com/blog/http-cache-headers
https://www.cloudflare.com/learning/cdn/glosary/what-is-cache-control/

9. Welche Aussagen stimmen in diesem Codeblock?

 function addMember ( name ) {
  return { name , createdAt : Date . now ( ) }
}

let obj1 = addMember ( "John" ) ;
let obj2 = addMember ( "Sarah" ) ;

obj1 . friend = obj2 ;
obj2 . friend = obj1 ;

obj1 = null ;
obj2 = null ;

A. obj1 und obj2 können nicht Müll gesammelt werden, was zu einem Speicherleck führt
B. obj1 und obj2 werden unmittelbar nach dem Einstellen von null Müll erhoben
C. obj1 und obj2 werden erst nach dem Schließen des Browser -Registers Müll gesammelt
D. obj1 und obj2 können im nächsten Müllzyklus Müll erfasst werden

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://developer.mozilla.org/en-us/docs/web/javascript/memory_management
https://javaScript.info/garbage-collection
https://github.com/thlorenz/v8-perf/blob/master/gc.md
https://medium.com/@mmoshikoo/garbage-collector-in-v8-engine-1c582399837

10. Bei der Animation der folgenden Eigenschaften, die die korrekt aufgelisteten Rendering -Kosten haben?

A. width : Layout, Farbe, Verbundwerkstoff
B. opacity : Farbe, zusammengesetzt
C. background-image : Composite
D. left : Layout, Farbe, Verbundwerkstoff
E. transform : Farbe, zusammengesetzter

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://www.chromium.org/developers/design-documents/gpu-accelerated-composing-in-chrome/
https://developer.chrome.com/blog/inside-browser-part3/
https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
https://web.dev/avoid-large-complex-layout-and-layout-thrashing/
https://developer.chrome.com/blog/hardware-accelerated-animations/

11. Was wird beim Klicken auf die Schaltfläche angemeldet?

 < div class = "outer" >
  < div class = "inner" >
    < button > Click me! </ button >
  </ div >
</ div >

 outer . addEventListener ( "click" , ( ) => log ( "A" ) , true ) ;
outer . addEventListener ( "click" , ( ) => log ( "B" ) ) ;
inner . addEventListener ( "click" , ( ) => log ( "C" ) , true ) ;
inner . addEventListener ( "click" , ( e ) => {
   log ( "D" ) ;
   e . stopPropagation ( ) ;
   log ( "E" ) ;
} ) ;
button . addEventListener ( "click" , ( ) => log ( "F" ) ) ;
button . addEventListener ( "click" , ( ) => log ( "G" ) , true ) ;

A. A B C D E F G
B. A C G F D
C. B D E F G C A
D. A C G F
E. A C G F D E

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://www.w3.org/tr/tr/dom-level-2-events/events.html#events-flow
https://javascript.info/bubbling-and-capturing
https://developer.mozilla.org/en-us/docs/web/api/eventtarget/addeventListener

12. Bestellen Sie die CSS -Selektoren durch aufsteigende Spezifität

A. div h1.large-text::before
B. div h1:first-child
C. h1:not(.small-text)
D .large-text:nth-child(1)
E. h1.large-text[id="title"]
F. h1.large-text#title

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://www.w3.org/tr/2018/rec-selectors-3-20181106/#specificity
https://developer.mozilla.org/en-us/docs/web/css/specificity
https://specificity.keegan.st/

13. Welche Aussagen sind wahr?

 const userTokenMap = new WeakMap ( ) ;

let user = { 
  name : "Jane Doe" , 
  age : 24 
} ;

userTokenMap . set ( user , "secret_token" ) ;

A. userTokenMap implementiert das Iteratorprotokoll
B. Beim Einstellen user auf null gibt userTokenMap 0 zurück
C. Wenn das Benutzerobjekt auf null eingestellt ist, kann der userTokenMap -Eintrag Müll erfasst werden.
D. [...userTokenMap] Gibt eine Reihe von userTokenMap -Einträgen zurück

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://read262.netlify.app/keyed-collections/weakmap-objects/
https://javascript.info/weakmap-weakset
https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/weakmap

14. Passen Sie die Web -Vitale an die richtigen Beschreibungen an

A. TTFB
B. fid
C. tti
D. TBT
E. Cls
F. INP

Die Zeit, die eine Webseite benötigt, um auf die erste Interaktion eines Benutzers zu reagieren.
Die Zeit, in der der Haupt -Thread von der Reaktion auf die Benutzereingabe blockiert ist.
Die durchschnittliche Zeit, die eine Webseite benötigt, um seine Visuals zu aktualisieren, nachdem ein Benutzer damit interagiert.
Die Zeit, die der Server benötigt, um auf eine Anfrage zu antworten und Daten an den Client zurückzuschicken
Die Zeit, die eine Webseite benötigt, um voll geladen zu werden und auf Benutzereingaben zu reagieren.
Die Stabilität des Layouts einer Webseite oder die unerwarteten Layoutverschiebungen, die auf einer Webseite beim Laden auftreten.

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://web.dev/metrics/

15. Welche Ressourcen werden mit dem folgenden CSP -Header zulässig?

 default - src "none" ; script - src "self" ; img - src "self" example . com ; style - src fonts . googleapis . com ; font - src fonts . gstatic . com ;

A. <script src="/js/app.js"></script>
B. fetch("https://api.website.com/data")
C. @font-face { url("fonts/my-font.woff") }
D. <img src="data:image/svg+xml;..." />
E. <style>body { font-family: 'Roboto' }</style>
F. <iframe src="https://embed.example.com"></iframe>
G. <link rel="stylesheet" href="https://fonts.googleapis.com..>
H. <video src="https://videos.example.com/..."></video>

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://content-security-policy.com/
https://developer.mozilla.org/en-us/docs/web/http/csp
https://web.dev/csp/

16. Welche Aussagen sind wahr?

A. rel="noopener" wird verwendet, um zu verhindern, dass die Originalseite auf das window der neu geöffneten Seite zugreift
B. rel="noreferrer" kann verwendet werden, um zu verhindern, dass die neu geöffnete Seite auf das window der Originalseite zugreift
C. rel="noopener" und rel="noreferrer" können nur mit HTTPS verwendet werden
D. rel="noopener" kann verwendet werden, um tabnabbing zu verhindern
E. Die Standard Referrer-Policy ist no-referrer-when-downgrade

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://www.w3.org/tr/referrer-policy/
https://html.spec.whatwg.org/multipage/links.html#link-type-noopener
https://html.spec.whatwg.org/multipage/links.html#link-type-norferrer
https://web.dev/referrer-best-practices/

17. Wann `"In log: My input!"` protokolliert werden?

 function * generatorFunc ( ) {
  const result = yield "My input!" ;
  console . log ( "In log:" , result ) ;
  return "All done!"
} ;

const it = generatorFunc ( ) ;

A. it.next()
B. it.next("My input!") it.next()
C. it.next() it.next("My input!")
D. it.next() it.next()

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://developer.mozilla.org/en-us/docs/web/javascript/guide/iterators_and_generators
https://javascript.info/generators
https://exploringjs.com/es6/ch_iteration.html
https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/generator
https://blog.logrocket.com/javascript-iterator-generators-a-complete-guide/

18. Verbinden Sie die Versprechensmethoden mit der richtigen Ausgabe

 const promises = [
   new Promise ( res => setTimeout ( ( ) => res ( 1 ) , 200 ) ,
   new Promise ( res => setTimeout ( ( ) => res ( 2 ) , 100 ) ,
   new Promise ( ( _ , rej ) => setTimeout ( ( ) => rej ( 3 ) , 100 ) ,
   new Promise ( res => setTimeout ( ( ) => res ( 4 ) , 300 )
] ;

Promise [ ❓ ]
   . then ( res => console . log ( "Result: " , res ) )
   . catch ( err => console . log ( "Error: " , err )

A. all
B. any
C. race
D. allSettled

Result: 2
Error: 3
Result: [{}, {}, {}, {}]
Result: 2

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://javascript.info/promise-basics
https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/promise

19. Welcher der folgenden Werte wird Ihre Seite immer für BFCache nicht zulässig machen?

A. unload
B. pagehide
C. onbeforeunload
D. pageshow
E. Alle oben genannten
F. Keine der oben genannten

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://web.dev/bfcache/
https://www.smashingmagazine.com/2022/05/performance-game-changer-back-forward-cache/
https://nitropack.io/blog/post/back-forward-cache

20. Verbinden Sie die Begriffe mit ihren Definitionen

A. XSS
B. Csrf
C. UI -Wiedergutmachung
D. Mitm

ermöglicht es den Angreifern, böswillige Skripte in Webseiten zu injizieren, die von anderen angezeigt werden
Trick die Benutzer in die Interaktion mit getarnten oder verborgenen Elementen
Trick die Benutzer dazu, unerwünschte Aktionen auszuführen, indem sie ihre authentifizierte Sitzung ausnutzen
ermöglicht es den Angreifern, die Kommunikation zwischen zwei Parteien ohne ihr Wissen abzufangen und zu ändern

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://owasp.org/www-community/attacks/xss/
https://owasp.org/www-community/attacks/csrf
https://owasp.org/www-community/attacks/clickjacking
https://www.imperva.com/learn/application-security/man-in-middle-attack-mitm/
https://cheatsetheetseries.owasp.org/cheatsheets/cross-ite_request_porgery_prevention_cheat_sheet.html
https://cheatsetheetseries.owasp.org/cheatsheets/cross_sit_scripting_prevention_cheat_sheet.html

21. Verbinden Sie die Schriftstrategien mit ihrer Definition

A. font-display: block
B. font-display: swap
C. font-display: fallback
D. font-display: optional
E. font-display: auto

Rendern Sie vorübergehend eine unsichtbare Schriftart, bis die benutzerdefinierte Schriftart heruntergeladen wurde
Verwenden Sie eine Fallback -Schriftart, während die benutzerdefinierte Schriftart heruntergeladen wird. Wechseln Sie, sofern verfügbar, zur benutzerdefinierten Schriftart
Verwenden Sie nur die benutzerdefinierte Schriftart, wenn sie verfügbar ist, andernfalls verwenden Sie eine Fallback -Schriftart
Ermöglicht dem Browser das am besten geeignete Verhalten für die Schriftbelastung
Verwenden Sie die benutzerdefinierte Schriftart, wenn sie verfügbar ist. Verwenden Sie eine Fallback -Schriftart, wenn die benutzerdefinierte Schriftart nicht verfügbar ist

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://developer.mozilla.org/en-us/docs/web/css/@font-face/font-display
https://css-tricks.com/almanac/properties/f/font-display/

22. Welche Aussagen stimmen über den folgenden Cookie -Header?

 Set - Cookie : my - cookie = "value" ; Domain = "website.com" ; Secure ; HttpOnly ;

A. Dieser Cookie ist von www.website.com zugänglich, jedoch nicht von blog.website.com
B. Dieser Cookie kann nur auf der Website von website.com festgelegt werden
C. Dieser Keks wird wie ein Session -Cookie behandelt
D. Dieser Cookie wird beim Navigieren von einer anderen Website nach www.website.com gesendet

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://httpwg.org/http-extersions/Draft-ietf-httpbis-rfc6265bis.html#name-overview
https://resources.infosecinstitute.com/topic/securing-cookies-httponly-secure-flags/
https://developer.mozilla.org/en-us/docs/web/http/cookies
https://developer.mozilla.org/en-us/docs/web/http/headers/set-cookie

23. Welchen der CSS (Pseudo) -Sektoren können wir verwenden, um nur das erste Listenelement `<li>One</li>` ?

 < div >
  < ul >
    < li > One </ li >
    < ul >
      < li > Two </ li >
      < li > Three </ li >
    </ ul >
  </ ul >
  < ul >
    < li > Four </ li >
  </ ul >
</ div >

A. ul:first-child > li
B. ul:first-child + li
C. ul:first-child > li:first-child
D. ul:first-of-type > li:first-of-type
E. ul:first-child + li:first-child

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://developer.mozilla.org/en-us/docs/web/css/css_selectors
https://developer.mozilla.org/en-us/docs/web/css/pseudo-classes
https://www.w3.org/tr/selectors-4/#pseudo-classes

24. Was ist an der folgenden Header wahr?

 Strict - Transport - Security : max - age = 31536000 ; includeSubdomains ;

A. Der Header erzwingt HTTPS für ein Jahr auf der Domäne und seinen Subdomains
B. Wenn max-age abläuft, werden die Browser standardmäßig mit HTTP gesetzt
C. Das max-age wird jedes Mal aktualisiert, wenn der Browser den Header liest
D. Unsichere Anfragen an Subdomains sind erlaubt

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://cheatsheetseries.owasp.org/cheatsheets/http_strict_transport_security_cheat_sheet.html
https://developer.mozilla.org/en-us/docs/web/http/headers/strict-transport-security

25. Welche der folgenden Eigenschaften veranlasst das Element zu seinem eigenen Renderlayer?

A. z-index: 1
B. translate3d: (0, 0, 0)
C. will-change: transform
D. transform: rotate(45deg)
E. position: fixed
F. position: absolute

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://www.chromium.org/developers/design-documents/gpu-accelerated-composing-in-chrome/
https://surma.dev/things/phercing-layers/
https://web.dev/speed-ayers/
https://www.chromium.org/developers/design-documents/graphics-and-skia/

26. Passen Sie die Bildformate an die Beschreibungen an

A. JPEG
B. Png
C. Webp
D. Avif

Sowohl verlust- als auch verlustfreie Komprimierung, unterstützt HDR und WCG, unterstützt Transparenz
Sowohl verlust- als auch verlustfreie Komprimierung, unterstützt Transparenz, unterstützt progressives Rendering
Verlustlose Komprimierung, hohe Qualität, unterstützt Transparenz, größere Dateigröße
Verlusthafte Komprimierung, unterstützt progressives Rendering

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://developer.mozilla.org/en-us/docs/web/media/formats/image_types
https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-bp/

27. Was ist an der folgenden CORS -Konfiguration wahr?

 Access - Control - Allow - Origin : https : / / www . website . com
Access - Control - Allow - Headers : Content - Type
Access - Control - Allow - Methods : *
Access - Control - Expose - Headers : X - Custom - Header
Access - Control - Max - Age : 600

A. Eine Anfrage vor dem Flug ist erforderlich
B. Nur Anfragen von https://www.website.com sind erlaubt
C. Anfragen mit Cookies sind erlaubt
D. Die tatsächliche Antwort wird für 600 ms zwischengespeichert
E. X-Custom-Header ist der einzige eingeschlossene Reaktionsheader
F. GET , POST , PATCH und PUT -Methoden sind erlaubt, aber nicht DELETE

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://www.w3.org/tr/2020/spsd-cors-20200602/
https://fetch.spec.whatwg.org/#http-cors-protocol
https://developer.mozilla.org/en-us/docs/web/http/cors

28. Was wird protokolliert?

 setTimeout ( ( ) => console . log ( 1 ) ) ;

( async ( ) => {
  console . log ( 2 ) ;
  await Promise . resolve ( ) ;
  console . log ( 3 ) ;
} ) ( )

Promise . resolve ( ) . then ( ( ) => Promise . resolve ( ) . then ( ( ) => console . log ( 4 ) ) )

A. 1 2 3 4
B. 2 4 3 1
C. 2 3 4 1
D. 2 3 1 4

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://tc39.es/ecma262/#sec-promise-objects
https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke
https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/promise
https://web.dev/promises/
https://javascript.info/promise-basics
https://javascript.info/microtask-queue

29. Welche Aussagen sind korrekt?

A. HTTP/2 ermöglicht mehrere Anforderungen und Antworten gleichzeitig über eine einzelne TCP -Verbindung
B. HTTP/3 kann nur mit HTTPS verwendet werden
C. HTTP/2 ist mit HTTP/1.1 rückwärts kompatibel
D. HTTP/1.1 erfordert mehrere TCP -Verbindungen, um mehrere Anforderungen gleichzeitig zu verarbeiten

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://www.section.io/engineering-education/http3-vs-http2/
https://www.cloudflare.com/learning/performance/http2-vs-http1.1/
https://www.cloudflare.com/learning/performance/what-is-http3/

30. Was wird protokolliert?

 const objA = { 
  type : "A" ,
  foo ( ) { 
    console . log ( this . type ) 
  }
}

const objB = { 
  type : "B" ,
  foo : objA . foo ,
  bar : ( ) => objA . foo ( ) ,
  baz ( ) { objA . foo ( ) }
}

objB . foo ( ) ;
objB . bar ( ) ;
objB . baz ( ) ;

A. A B B
B. B A A
C. A A A
D. A undefined A
E. B undefined B

Ressourcen

Antwort:

Beachten Sie Antwort und Erklärung

Weitere Lektüre:

https://tc39.es/ecma262/#sec-function-nironment-record-getthisbinding
https://developer.mozilla.org/en-us/docs/web/javascript/reference/operators/this
https://javascript.info/object-Methods

Expandieren

Zusätzliche Informationen