Resumen de preguntas de la entrevista web front-end de 2020 (1)
1. ¿Cuántas especificaciones básicas existen para escribir JavaScript?
1) No declare múltiples variables en la misma línea
2) Utilice = = =/! = =Comparar valores numéricos o verdadero/falso;
3) Usar objetos literales en lugar de formas newObject;
4) Reducir el uso de funciones globales y variables globales;
5)5) La instrucción switch debe tener una rama predeterminada;
6) La instrucción if debe usar llaves;
7) Variables en el bucle for-in;
p>
El alcance debe definirse claramente utilizando la palabra clave var;
Evitando así la contaminación global del alcance.
2. ¿Qué pasa con los árboles binarios equilibrados?
Árbol de búsqueda binaria autoequilibrado
También conocido como árbol AVL.
Tiene las siguientes propiedades:
1) Es un árbol vacío o sus subárboles izquierdo y derecho.
El valor absoluto de la diferencia de altura no excede 1.
Los subárboles izquierdo y derecho son árboles binarios equilibrados.
2) Un árbol binario equilibrado debe ser un árbol binario de búsqueda, y viceversa.
3) Los métodos de implementación comunes de árboles binarios equilibrados incluyen árboles rojo-negro, AVL,
árboles chivos expiatorios, árboles, árboles de extensión, etc.
La fórmula de nodo del árbol binario equilibrado mínimo es la siguiente:
f(n)= f(n-1)+f(n-2)+1 Nota: 1 es el nodo raíz.
F(n-1) es el número de nodos en el subárbol izquierdo,
F(n-2) es el número de nodos en el subárbol derecho.
3. ¿Cuál es la solución para eliminar flotadores y resolver la superposición de márgenes verticales?
Descripción del problema:
1) El ancho y el alto del elemento principal no están establecidos y el tamaño es compatible con el elemento secundario;
Una vez que El elemento secundario flota, la altura del elemento principal es Se doblará.
2) Establecer el margen superior del elemento secundario actuará sobre el margen superior del elemento principal.
Esto hará que los márgenes exteriores verticales se superpongan.
. clearfix::en,. clearfix::antes{
Contenido: ""
Pantalla: tabla
Borrar: ambos
}
4. ¿Almacenamiento de sesión, almacenamiento local y cookies?
Similitudes:
Ambos se utilizan para datos en caché almacenados en el lado del navegador;
Diferencias:
1) Contenido almacenado Si enviar al servidor.
Después de configurar la cookie, los datos se enviarán al servidor.
Causar una cierta cantidad de desperdicio de ancho de banda; Xxxstorage guardará los datos
Ir al área local no causará desperdicio de ancho de banda;
2) Almacenamiento de datos diferente tamaños
Los datos de las cookies no pueden exceder los 4K, adecuados para la identificación de sesiones;
La capacidad de almacenamiento de datos de Xxxstorage puede alcanzar los 5 M;
3) El período de validez del almacenamiento de datos es diferente
Cookie Sólo se utiliza cuando se establece el tiempo de caducidad de la cookie.
Siempre es válido hasta que se cierra la ventana o el navegador;
SessionStorage solo es válido antes de cerrar el navegador
LocalStorage, el almacenamiento de datos es permanentemente válido; ;
4) Diferentes ámbitos
Las cookies y el almacenamiento local están en la misma fuente y ventana.
Se disfrutan * * *;
SessionStorage no está en una ventana diferente del navegador.
Disfrutar de estar * * *, incluso en la misma página;
5. ¿Determinar si una palabra es un palíndromo?
Un palíndromo se refiere a la misma palabra u oración,
en lo siguiente, la posición se invierte o se invierte,
creando una escena que se repite de principio a fin. final,
Esto se llama palíndromo, también llamado palíndromo.
Por ejemplo, Kaká Rediweide
letcheckPalindrom =(str)= & gt;{
returnstr===
str.split (""). contrarrestar(). Join("");
}
6. ¿Intercambiar dos números enteros sin utilizar variables temporales?
Entrada a=3, b=1,
Salida a=1, b=3.
letswap=(a,b)=>{
b = b-a;
a = a+b;
b = a-b;
return[a, b];
}
7. Escriba al menos cinco etiquetas nuevas en html5 y explique su semántica y escenarios de aplicación. ?
Sección: define un capítulo del documento;
Nav: define una sección que solo contiene enlaces de navegación
Encabezado: define la página o página del documento; Encabezado del capítulo;
Por lo general, contiene un logotipo, un título de página y una tabla de contenido navegable.
Pie de página: Define el final de una página o sección;
Por lo general, contiene información de derechos de autor, enlaces a información legal y direcciones para sugerencias de comentarios.
Narración: define contenido que tiene poca relevancia para el contenido de la página.
Si se elimina, el contenido restante sigue siendo razonable.
8.8. ¿Cuál es la diferencia en caché entre solicitudes de obtención y publicación?
La solicitud de obtención es similar al proceso de búsqueda. Durante el proceso de búsqueda, el usuario obtiene los datos.
No es necesario conectarse a la base de datos cada vez, por lo que se almacena en caché. se puede utilizar.
Las posiciones son diferentes. La publicación generalmente realiza trabajos de modificación y eliminación.
Por lo tanto, debe interactuar con la base de datos, por lo que no se puede utilizar el almacenamiento en caché.
Por lo tanto, la solicitud de obtención es adecuada para solicitar caché.
9. ¿Cómo solucionar el infierno de las devoluciones de llamadas asincrónicas?
Promesa, generador, async/await
10. ¿Carga diferida y precarga de imágenes?
Precarga: precarga la imagen.
Cuando el usuario necesita verla, puede
renderizarla directamente desde el caché local.
Carga diferida: el objetivo principal de la carga diferida
Como optimización del front-end del servidor,
Reducir el número de solicitudes o retrasar el número de solicitudes.
La esencia de las dos tecnologías:
Su comportamiento es opuesto,
Una es la carga temprana,
La otra es la velocidad Lenta , ni siquiera cargando.
La carga diferida tiene un cierto impacto en el front-end del servidor.
Efecto de alivio del estrés.
La precarga aumentará la presión en el front-end del servidor.
11. ¿Cuál es la diferencia entre vincular, aplicar y llamar?
Cambia la dirección de la función aplicando y llamando.
El primer parámetro de las dos funciones es el mismo,
indica el objeto a cambiar. ,
El segundo parámetro aplicado es una matriz.
Y la forma de la llamada es arg1, arg2...
Cambiar el alcance de esto a través de bind
devolverá una nueva función,
Esta función no se ejecutará inmediatamente.
12. ¿Cómo controla js cargar una imagen a la vez y luego cargar la siguiente?
Método 1:
var obj = nueva imagen();
obj src = " #/21 . jpg "; >obj.onload=función(){
document.getElementById("pic ")
.
innnerHTML =
}
Cargando