Descarga advanced web dev quiz - Descargar el código fuente advanced web dev quiz

advanced web dev quiz

Datos del sitio web

1.0.0

Descargar

Prueba de desarrollo web avanzado

Este repositorio está relacionado con mi curso de Frontendmasters.
Encontrará las preguntas y recursos adicionales para comprender mejor los conceptos.

Este avance avanzado de desarrollo web cubre una amplia gama de las cosas que los desarrolladores web pueden tratar a diario. El objetivo es (re) presentarle ciertos conceptos que puede haber olvidado a lo largo de los años o simplemente no estar expuesto a eso a menudo.

¡Diviértete y espero que aprendas algo nuevo hoy! ¡Buena suerte! ?

️ ¡Este repositorio no contiene las respuestas (!) , Solo las preguntas y los recursos útiles sobre el tema de la pregunta! Para ver las respuestas y ver explicaciones visuales para cada pregunta, ¡mire el curso de Frontendmasters!

Descripción general

Pregunta 1: async y defer la orden de ejecución
Pregunta 2: Renderización de tuberías y compuestas
Pregunta 3: Resolución de solicitudes de dominio
Pregunta 4: Llame a la pila y bucle de eventos
Pregunta 5: Sugerencias de recursos
Quesiton 6: Referencia de objetos y destructación
PREGUNTA 7: PerformanceNavigationTiming
Pregunta 8: Directivas de caché
Pregunta 9: Recolección de basura
Pregunta 10: Costo de animación
Pregunta 11: Propagación de eventos
Pregunta 12: Especificidad CSS
Pregunta 13: WeakMap
Pregunta 14: Web vital
Pregunta 15: Política de seguridad de contenido
Pregunta 16: Políticas de referencia
Pregunta 17: Generadores
Pregunta 18: Métodos de promesa
Pregunta 19: caché hacia atrás
Pregunta 20: XSS, MITM, CSRF, Clickjacking
Pregunta 21: Estrategias de fuentes
Pregunta 22: Cookies
Pregunta 23: Pseudo selectores CSS
Pregunta 24: Strict-Transport-Security
Pregunta 25: Renderas de capas
Pregunta 26: Formatos de imagen
Pregunta 27: Cors
Pregunta 28: bucle de eventos
Pregunta 29: http/1, http/2, http/3
Pregunta 30: this palabra clave

Todas las preguntas

1. Pon los scripts en el orden correcto de ejecución

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

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. ¿Qué declaraciones son verdaderas?

A. El árbol de renderizado contiene todos los elementos del DOM y CSSOM combinados
B. La composición es el proceso de separación de capas basadas en el índice Z, que luego se combinan para formar la imagen final que se muestra en la pantalla
C. El proceso de diseño asigna colores e imágenes a los elementos visuales en el árbol de renderizado
D. El proceso de compostaje ocurre en el hilo del compositor
E. elementos que no son visibles en la página, por ejemplo display: hidden , no son parte del árbol doms

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

https://www.chromium.org/developers/design-documents/graphics-and-skia/
https://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-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. Complete los vacíos

 - 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]

Resolvente DNS recursivo
Servidor de nombres raíz
Dirección IP
Servidor de nombres de dominio de nivel superior
Servidor de nombres autoritativos

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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

4. ¿Qué se registra?

 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

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. Haga coincidir los recursos de sugerencias con sus definiciones

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

Priorizar la obtención de recursos críticos necesarios para la navegación actual
realiza una resolución de nombres de dominio en segundo plano
realiza proactivamente la resolución DNS y el apretón de manos TCP/TLS
solicita recursos no críticos en segundo plano

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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

6. ¿Cuál es la salida?

 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" }}

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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

7. Ponga las `PerformanceNavigationTimings` en el orden correcto

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

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. Haga coincidir las directivas de almacenamiento en caché con sus definiciones

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

valida una respuesta obsoleta con el servidor de origen antes de usarlo
sirve contenido rancio al validar la respuesta en caché con el servidor de origen
no almacena en caché ninguna parte de la solicitud o respuesta
valida una respuesta en caché con el servidor de origen antes de usarlo, incluso si todavía está fresco
evita el almacenamiento en caché de los cachés compartidos

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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

9. ¿Qué declaraciones son verdaderas sobre este bloque de código?

 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 y obj2 no pueden ser recolectados de basura, lo que lleva a una fuga de memoria
B. obj1 y obj2 se recolectarán basura inmediatamente después de establecerlos en null
C. obj1 y obj2 solo se recolectarán basura después de cerrar la pestaña del navegador
D. obj1 y obj2 se pueden recolectar basura durante el próximo ciclo de recolección de basura

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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-ingine-1c582399837

10. Al animar las siguientes propiedades, ¿cuáles tienen los costos de representación listados correctamente?

A. width : diseño, pintura, compuesto
B. opacity : pintura, compuesto
C. background-image : compuesto
D. left : diseño, pintura, compuesto
E. transform : pintura, compuesto

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

https://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-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-laayouts-and-laayout-thrashing/
https://developer.chrome.com/blog/hardware-accelerated-animations/

11. ¿Qué se registra al hacer clic en el botón?

 < 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

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

https://www.w3.org/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. Ordene los selectores CSS por especificidad ascendente

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

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. ¿Qué declaraciones son verdaderas?

 const userTokenMap = new WeakMap ( ) ;

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

userTokenMap . set ( user , "secret_token" ) ;

A. userTokenMap implementa el protocolo de iterador
B. Al configurar user en null , userTokenMap devuelve 0
C. Si el objeto de usuario está configurado en null , su entrada userTokenMap se puede recolectar basura.
D. [...userTokenMap] Devuelve una variedad de entradas userTokenMap

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. Haga coincidir la web vital con las descripciones correctas

A. TTFB
B. FID
C. TTI
D. TBT
E. CLS
F. INP

El tiempo que lleva una página web responder a la primera interacción de un usuario.
El momento en que el hilo principal se bloquea para responder a la entrada del usuario.
El tiempo promedio que toma una página web actualizar sus imágenes después de que un usuario interactúa con ella.
el tiempo que le toma al servidor responder a una solicitud y comenzar a enviar datos al cliente
El tiempo que tarda en una página web para cargarse por completo y responder a la entrada del usuario.
La estabilidad del diseño de una página web, o los cambios de diseño inesperados que ocurren en una página web a medida que se carga.

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

https://web.dev/metrics/

15. ¿Qué recursos se permitirán con el siguiente encabezado CSP?

 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>

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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

16. ¿Qué declaraciones son verdaderas?

A. rel="noopener" se utiliza para evitar que la página original acceda al objeto window de la página recién abierta
B. rel="noreferrer" se puede utilizar para evitar que la página recién abierta acceda al objeto window de la página original
C. rel="noopener" y rel="noreferrer" solo se puede usar con https
D. rel="noopener" se puede usar para evitar tabnabbing
E. La Referrer-Policy predeterminada es no-referrer-when-downgrade

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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-noreferrer
https://web.dev/referrer-best-practices/

17. ¿Cuándo lo hace `"In log: My input!"` obtener registrado?

 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()

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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-iterators-andgenerators-a-complete-guide/

18. Conecte los métodos de promesa a la salida correcta

 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

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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

19. ¿Cuál de los siguientes valores siempre hará que su página no sea elegible para bfcache?

A. unload
B. pagehide
C. onbeforeunload
D. pageshow
E. Todo lo anterior
F. Ninguno de los anteriores

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. Conecte los términos con sus definiciones

A. XSS
B. CSRF
C. Reparación de la interfaz de usuario
D. MITM

permite a los atacantes inyectar scripts maliciosos en páginas web vistas por otros
Entrece a los usuarios para que interactúen con elementos disfrazados o ocultos
truca a los usuarios para ejecutar acciones no deseadas explotando su sesión autenticada
permite a los atacantes interceptar y modificar la comunicación entre dos partes sin su conocimiento

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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-the-middle-attack-mitm/
https://cheatsheetseries.owasp.org/cheatsheets/cross-site_request_forgery_prevention_cheat_sheet.html
https://cheatsheetseries.owasp.org/cheatsheets/cross_site_scripting_prevention_cheat_sheet.html

21. Conecte las estrategias de fuentes a su definición

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

Renderizar temporalmente una fuente invisible hasta que se haya descargado la fuente personalizada
Utilice una fuente respirada mientras se descarga la fuente personalizada, cambie a la fuente personalizada cuando esté disponible
Solo use la fuente personalizada si está disponible, de lo contrario usa una fuente de respaldo
permite que el navegador determine el comportamiento más apropiado para la carga de fuentes
Use la fuente personalizada si está disponible, use una fuente de respaldo si la fuente personalizada no está disponible

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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

22. ¿Qué declaraciones son verdaderas sobre el siguiente encabezado de cookies?

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

A. Esta cookie se puede acceder desde www.website.com , pero no desde blog.website.com
B. Esta cookie solo se puede configurar en el dominio website.com
C. Esta cookie es tratada como una cookie de sesión
D. Esta cookie se enviará al navegar de otro sitio web a www.website.com

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

https://httpwg.org/http-extensions/draft-ietf-httpbis-rfc6265bis.html#name-overview
https://resources.infosecinstitute.com/topic/securing-cookies-htttonly-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. ¿Cuál de los selectores CSS (pseudo) podemos usar solo para apuntar al primer elemento de lista `<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

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. ¿Qué hay de cierto sobre el siguiente encabezado?

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

A. El encabezado aplica HTTP por un año en el dominio y sus subdominios
B. Cuando expire max-age , los navegadores se predeterminan a HTTP
C. La max-age se actualiza cada vez que el navegador lee el encabezado
D. Se permiten solicitudes inseguras a los subdominios

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. ¿Cuál de las siguientes propiedades hace que el elemento sea promovido a su propio Renderlayer?

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

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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

26. Haga coincidir los formatos de imagen con las descripciones

A. JPEG
B. PNG
C. WebP
D. AVIF

La compresión con pérdida y sin pérdida, admite HDR y WCG, admite la transparencia
La compresión con pérdida y sin pérdida, admite la transparencia, admite la representación progresiva
Compresión sin pérdidas, alta calidad, admite transparencia, tamaño de archivo más grande
Compresión con pérdida, admite la representación progresiva

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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

27. ¿Qué es cierto sobre la siguiente configuración CORS?

 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. Se requiere una solicitud previa
B. Solo se permiten solicitudes de https://www.website.com
C. Se permiten solicitudes con cookies
D. La respuesta real se almacena en caché por 600 ms
E. X-Custom-Header será el único encabezado de respuesta incluido
F. GET , POST , PATCH y PUT Métodos están permitidos, pero no se DELETE

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. ¿Qué se registra?

 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

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. ¿Qué declaraciones son correctas?

A. HTTP/2 permite múltiples solicitudes y respuestas simultáneamente a través de una sola conexión TCP
B. http/3 solo se puede usar con https
C. http/2 es compatible con retroceso con http/1.1
D. HTTP/1.1 requiere múltiples conexiones TCP para procesar múltiples solicitudes simultáneamente

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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. ¿Qué se registra?

 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
A A undefined
E. B undefined B

Recursos

Respuesta:

Mira la respuesta y la explicación

Lectura adicional:

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

Expandir

Información adicional