Compartir preguntas y respuestas comunes de entrevistas web front-end

1. Dime la diferencia entre elementos en línea y elementos a nivel de bloque. ¿Cuál es la compatibilidad de los elementos de bloque en línea (por debajo de IE8)?

Respuesta: Elementos en línea: se organizarán. en la dirección horizontal no se pueden incluir elementos a nivel de bloque. La configuración del ancho no es válida, la altura no es válida (se puede establecer la altura de la línea), 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 ocupa una línea y está dispuesto verticalmente. Comienza en una nueva línea y termina con un salto de línea. Compatibilidad: pantalla: bloque en línea; *pantalla: en línea; *zoom: 1.

2. ¿Cuáles son los atributos comúnmente utilizados del tamaño de caja? ¿Cuáles son sus funciones?

Respuesta: tamaño de caja: contenido-cuadro|border-box|heredar. 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).

cuadro de borde: cualquier relleno y borde especificado por el elemento se dibujará dentro del ancho y alto establecidos. El ancho y el alto del contenido se obtienen 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 de compatibilidad?

Respuesta: indique al analizador del navegador qué estándar de documento utilizar para analizar este documento. Un DOCTYPE inexistente o con formato incorrecto hará que el documento se represente en modo de compatibilidad.

Los modos de formato y operación JS del modo estándar se ejecutan de acuerdo con los más altos estándares admitidos por el 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 para evitar que el sitio no funcione.

4. ¿Cuáles son las nuevas características de HTML5? ¿Cómo lidiar con el problema de compatibilidad del navegador con las nuevas etiquetas HTML5? ¿Cómo distinguir entre HTML y HTML5?

Respuesta: HTML5 no existe. Ya no es un subconjunto de SGML. Principalmente sobre la adición de 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íneaAlmacenamiento local de datos a largo plazo; , los datos no se perderán después de cerrar el navegador

(4) Los datos de sessionStorage se eliminarán automáticamente después de cerrar el navegador

(5) Elementos de contenido con mejor; semántica, como artículo, pie de página, encabezado, navegación, sección;

(6) Controles de formulario, calendario, fecha, hora, correo electrónico, URL, búsqueda;

(7) Nuevo tecnología webworker, websocket, geolocalización;

IE8/IE7/IE6 admite etiquetas generadas por el método document.createElement. Puede utilizar esta función para que estos navegadores admitan nuevas etiquetas HTML5. , aún necesita agregar etiquetas. El estilo predeterminado. Por supuesto, también puedes utilizar marcos maduros como html5shim directamente.

Lo anterior es el intercambio relevante de las preguntas de la entrevista web front-end por parte del editor de Global Ivy. Espero que sea útil para todos. Si desea conocer más contenido relacionado, preste atención. ¡Esta plataforma y compruébalo a tiempo!