Compartir preguntas y respuestas comunes de entrevistas web front-end
Respuesta: Elementos en línea: se organizarán horizontalmente y no pueden contener elementos a nivel de bloque. La configuración del ancho no es válida, la altura no es válida (se puede configurar la altura de la fila), los márgenes superior e inferior no son válidos y el relleno superior e inferior no es válido. Elementos a nivel de bloque: cada uno en su propia línea, dispuestos verticalmente. Comience en una nueva línea y termine con una línea discontinua. Compatibilidad: Pantalla: Bloque en línea; *Pantalla: En línea; *Escala: 1.
2. ¿Cuál es la diferencia?
Respuesta: Tamaño del cuadro: cuadro de contenido | cuadro de borde | herencia. Cuadro de contenido: el ancho y el alto se aplican al cuadro de contenido del elemento respectivamente. Dibuja el relleno y los bordes del elemento fuera del ancho y alto (el efecto predeterminado del elemento).
Border-box: Cualquier margen interno y borde especificado por el elemento se dibujará dentro del ancho y alto establecidos. El ancho y el alto del contenido se pueden obtener restando el borde y el relleno del ancho y alto establecidos, respectivamente.
3.¿Cuál es la función de Doctype? ¿Cuál es la diferencia entre el modo estándar y el modo compatibilidad?
Respuesta: Indíquele al analizador del navegador qué estándar de documento utilizar para analizar este documento. El DOCTYPE no existe o tiene un formato incorrecto, lo que hará que el documento se muestre en modo de compatibilidad.
La composición tipográfica en modo estándar y el modo de operación JS son los estándares más altos admitidos por este navegador. En el modo de compatibilidad, las páginas se muestran de forma poco compatible con versiones anteriores, simulando el comportamiento de navegadores más antiguos e impidiendo que el sitio funcione.
4.¿Cuáles son las nuevas características de html5? ¿Cómo lidiar con la compatibilidad del navegador con las nuevas etiquetas HTML5? ¿Cómo diferenciar entre HTML y HTML5?
Respuesta: HTML5 no es ahora un subconjunto de SGML. Se trata principalmente de agregar imágenes, ubicación, almacenamiento, multitarea y otras funciones.
(1) Lienzo de pintura;
(2) Elementos de vídeo y audio para reproducción multimedia.
(3) Almacenamiento local fuera de línea de datos de almacenamiento a largo plazo; , Los datos no se perderán después de cerrar el navegador
(4) Después de cerrar el navegador, 4) los datos de sessionStorage se eliminan automáticamente
(5) Elementos de contenido con mejor semántica; , como artículo, pie de página, encabezado, navegación, sección
(6) Controles de formulario, como calendario, fecha, hora, correo electrónico, URL y búsqueda;
(Webworker, WebSocket , Nuevas tecnologías como la geolocalización;
IE8/IE7/IE6 admite etiquetas generadas por el método document.createElement. Esta función se puede utilizar para permitir que estos navegadores admitan nuevas etiquetas HTML5. Debe agregar las predeterminadas. estilo de la etiqueta Por supuesto, también puede utilizar marcos maduros, como html5shim.
La anterior es una pregunta de entrevista compartida por el editor Global Ivy en la interfaz web. Todos más, presten atención a esta plataforma y compruébela a tiempo