1. ¿Qué es DOM?
DOM (Document Object Model) es una interfaz de programación para documentos HTML. Esta interfaz le permite influir en el documento desde scripts, cambiando su apariencia, estilos, contenido. En el DOM, un documento se representa como un árbol de nodos.
2. ¿Cuál es la diferencia entre los elementos <span> y <div>?
<span>Es un elemento en línea.<div>Es un elemento de bloque.
Los elementos
<div>deben usarse para diseñar secciones de un documento. Y los elementos actúan <span>como contenedores para pequeñas cantidades de texto, para imágenes y otros elementos de página similares.
Cabe señalar que no puede colocar elementos de bloque en elementos en línea. Aquí hay un ejemplo que muestra, entre otras cosas, la ubicación incorrecta de un elemento de bloque dentro de un elemento en línea (este es un fragmento
<div>I'm illegal</div>colocado dentro de un elemento <span>):
<div>Hi<span>I'm the start of the span element <div>I'm illegal</div> I'm the end of the span</span> Bye I'm the end of the div</div>
3. ¿Qué son las metaetiquetas?
Las metaetiquetas son etiquetas que se encuentran en una etiqueta de página
<head>que describen el contenido de una página. Las metaetiquetas no se muestran en la página. Están disponibles solo en su código.
Su tarea principal es describir brevemente el contenido de las páginas a los motores de búsqueda. He aquí un ejemplo:
<head>
<meta charset="UTF-8">
<meta name="description" content="Description search engines use">
<meta name="keywords" content="Keywords, of, your, page">
<meta name="author" content="Me">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
4. ¿Cuál es la diferencia entre los selectores de identificador y de clase en CSS?
Los identificadores (
id) son únicos. Un artículo solo puede tener un identificador. Solo un elemento con un ID específico puede estar presente en una página.
Los nombres de clase (
class) no son únicos. La misma clase se puede asignar a varios elementos. A un elemento se le pueden asignar varias clases.
Si es necesario aplicar un estilo determinado a varios elementos de la página, esta tarea debe resolverse mediante clases.
5. ¿Cómo utilizar las consultas de medios en CSS?
Las consultas de medios utilizan una regla
@mediaque le permite aplicar estilos CSS a diferentes tipos de contenido. Las consultas de medios también se pueden utilizar para personalizar los elementos de la página en función de las características del entorno en el que se ven las páginas.
/* <div> "red" , 600px */
@media only screen and (max-width: 600px) {
div {
background-color: red;
}
}
6. ¿Qué son las pseudoclases en CSS?
En CSS, las pseudoclases se utilizan para describir los estilos de elementos que se encuentran en estados especiales. Las pseudoclases se pueden usar junto con los selectores de CSS para personalizar la apariencia de los elementos en función de sus estados.
He aquí un ejemplo:
/*
<a>, , green.
*/
a:hover {
color: green;
}
/* <a> purple.*/
a:visited {
color: purple;
}
Si se le pregunta si puede nombrar algunas pseudoclases, aquí hay una página con una gran lista de ellas.
7. ¿Cuál es la diferencia entre los siguientes tipos de posicionamiento de elementos: relativo, fijo, absoluto, estático?
- El posicionamiento relativo es cuando un elemento se desplaza de su posición predeterminada.
- El posicionamiento fijo es cuando ajusta la posición de un elemento en función de los bordes de la ventana del navegador.
- El posicionamiento absoluto es la ubicación de un elemento en relación con el elemento principal posicionado más cercano, y exactamente donde lo especifica el desarrollador.
- El posicionamiento estático es el modo de posicionamiento predeterminado que muestra los elementos en el orden en que se describen en el documento.
8. ¿Cuál es la diferencia entre las solicitudes PUT y POST?
Las solicitudes PUT dan como resultado la sustitución del recurso de destino con los datos transmitidos en la solicitud. Puede usarse para actualizar el contenido de un recurso existente o para crear un nuevo recurso.
Las solicitudes POST dan como resultado un procesamiento específico del recurso de los datos pasados en la solicitud. Se pueden utilizar para realizar diversas acciones. Incluido: para crear nuevos recursos, para cargar archivos al servidor, para enviar formularios.
Otra diferencia entre las solicitudes PUT y POST es que las solicitudes PUT son idempotentes, pero las solicitudes POST no lo son. Es decir, si una solicitud en la que se transmiten los mismos datos y que se ejecuta en la misma URL se ejecutará varias veces, esto equivale a ejecutar esta solicitud una sola vez. Ejecutar una solicitud POST varias veces no equivale a ejecutarla una vez. Es decir, varias de estas solicitudes, por ejemplo, pueden conducir a la creación de varios objetos en el servidor.
9. ¿Cuáles son las diferencias entre la tecnología Long Polling, el protocolo WebSocket y los eventos generados por el servidor?
- Long Polling . , , , . .
- WebSocket .
- , , HTTP-, .
10. -, ?
El almacenamiento local, como su nombre lo indica, es un lugar que los navegadores pueden utilizar para almacenar datos localmente. Puede almacenar hasta 10 MB de datos. El almacenamiento de sesiones es un tipo de almacenamiento local que está asociado con una sesión y se elimina una vez completada. El almacenamiento de sesiones puede almacenar hasta 5 MB de datos.
Las cookies se utilizan para almacenar pequeñas cantidades de datos, que no superan los 4 KB. Pueden ser utilizados por el navegador, el servidor puede solicitarlos desde el navegador.
11. ¿Qué es CORS?
CORS (Intercambio de recursos de origen cruzado) es un mecanismo basado en navegador que permite a las páginas acceder a recursos ubicados fuera de un determinado dominio. Esto amplía las capacidades de las páginas y agrega flexibilidad a la política del mismo origen.
12. ¿Qué es una promesa?
Las promesas son objetos que utiliza JavaScript al realizar operaciones asincrónicas. Facilitan el trabajo con operaciones asincrónicas y proporcionan mecanismos de manejo de errores más convenientes que las devoluciones de llamada y los eventos.
13. ¿En qué estados puede estar una promesa?
Una promesa puede estar en uno de tres estados:
- Cumplido: la operación asociada con la promesa se completó correctamente.
- Rechazado: la operación asociada con la promesa completada con un error.
- Pendiente: una promesa está en estado pendiente, es decir, no se puede decir que se haya completado con éxito o con un error.
14. ¿Qué es la elevación de variables y funciones en JavaScript?
Alzar variables y funciones es el movimiento de sus declaraciones a la parte superior de su alcance (alcance global o de función).
15. ¿Qué valores son falsos en JavaScript?
En JavaScript, los valores falsos son valores que, cuando se convierten a un tipo booleano, se convierten en valores
false. Estos son los siguientes valores:
- ''
- 0
- nulo
- indefinido
- Yaya
- falso
- -0
- 0n // los valores de tipo BigInt, cuando se convierten a tipo booleano, se comportan igual que los valores de tipo Number
Salir
Las preguntas que les he compartido se hicieron durante las entrevistas. Les pregunté en entrevistas con otros desarrolladores. Preguntas como esta, complementadas con asignaciones prácticas, son una buena manera de probar los conocimientos de un candidato a programador front-end.
Creo que hay muchas más preguntas de JavaScript para preparar una entrevista de front-end de las que se tratan en este artículo. Analizar preguntas sobre TypeScript también puede ser muy útil.
Si declara en su currículum que está familiarizado con un marco de interfaz, esto significa que debe prepararse para el hecho de que se le harán preguntas sobre el conocimiento de este marco.
¿Qué preguntas le han hecho en las entrevistas de front-end?
