¿Cuáles son las preguntas de la entrevista para trabajos de front-end web?

Resumiendo las preguntas de la entrevista frontal, hay básicamente cuatro tipos de preguntas, como sigue:

Primero, HTML

1, ¿función Doctype? ¿Cómo diferenciar entre modo estricto y modo misceláneo? ¿Qué quieren decir?

2. ¿Por qué solo es necesario escribir HTML5?

3. ¿Cuáles son los elementos en la línea? ¿Qué son los elementos a nivel de bloque? ¿Qué es un elemento no válido?

4. ¿Cuál es la diferencia entre usar link y @import al importar estilos?

5. Cuénteme sobre su comprensión del núcleo del navegador.

6. ¿Cuáles son los núcleos de navegador más comunes?

7.¿Qué nuevas características y elementos se han eliminado en html5? ¿Cómo lidiar con la compatibilidad del navegador con las nuevas etiquetas HTML5? ¿Cómo diferenciar entre HTML y HTML5?

8. Describe brevemente tu comprensión de la semántica HTML.

9. ¿Cómo utilizar el almacenamiento sin conexión HTML5? ¿Puedes explicar cómo funciona?

10. ¿Cómo gestiona y carga el navegador los recursos de almacenamiento fuera de línea HTML5?

11. Describa las diferencias entre cookies, almacenamiento de sesión y almacenamiento local.

¿Cuáles son las desventajas de 12 y iframe?

13. ¿Cuál es la función de las etiquetas? ¿Cómo utilizar? (Agregar o empaquetar)

14. ¿Cómo desactivar la función de finalización automática en HTML5?

15. ¿Cómo implementar la comunicación entre múltiples pestañas en el navegador? (Alibaba)

16. ¿Cómo es compatible webSocket con navegadores de gama baja? (Alibaba)

17. ¿Cuáles son los usos de la API de visibilidad de la página?

18. ¿Cómo implementar un área circular en la que se puede hacer clic en la página?

19. Se puede dibujar una línea con una altura de 1 px sin borde y se puede mantener el mismo efecto en los modos Quirksmode y CSSCompat de diferentes navegadores.

20. ¿Para qué se utiliza el código de verificación de la página web? ¿Qué problema de seguridad debe resolver?

21. ¿Cuál es la diferencia entre tite y h1, B y strong, I y em?

En segundo lugar, CSS

1. ¿Presentar el modelo de caja CSS estándar? ¿Cuál es la diferencia con el modelo de caja de versiones inferiores de IE?

2.¿Qué son los selectores CSS? ¿Qué atributos se pueden heredar?

3. ¿Cómo calcular el algoritmo de prioridad CSS?

4.¿Cuáles son las nuevas pseudoclases en CSS3?

5. ¿Cómo centrar un div? ¿Cómo centrar un elemento flotante? ¿Cómo centrar un div absolutamente posicionado?

6. ¿Cuál es el valor de visualización? Explique su papel.

7. ¿Cuáles son los orígenes de posicionamiento relativo y absoluto de la posición?

8.¿Cuáles son las nuevas características de CSS3?

9. Explique el Flexbox (modelo de diseño de caja flexible) de CSS3 y sus escenarios aplicables.

10. ¿Cuál es el principio de creación de triángulos con CSS puro?

11. ¿Cómo diseñar un diseño de producto a pantalla completa?

3. ¿Problemas comunes de compatibilidad?

1. ¿Cuál es el motivo de la brecha invisible entre Li y Li? ¿Hay alguna solución?

2. ¿Cuáles son las compatibilidades de los navegadores comunes? ¿Por qué, cuáles son las soluciones, las técnicas comunes de los hackers?

3. ¿Por qué inicializar estilos CSS?

4. ¿Cuál es la diferencia entre el método de cálculo del bloque de inclusión de Absolute y el tráfico normal?

5. ¿Cuál es el propósito de tener un valor de atributo de colapso en el atributo de visibilidad en CSS? ¿Cuáles son las diferencias entre diferentes navegadores?

6. ¿Qué pasará si la posición se superpone y se muestra, los márgenes colapsan, se desbordan o flotan?

7. ¿Entendiendo BFC (Contexto de formato de bloque)?

8. ¿Cómo se calcula la prioridad del peso de CSS?

9. Explique por qué hay flotación y cuándo es necesario eliminarla. Despeja el camino flotante.

10. ¿La disposición del terminal móvil ha sido cuestionada por los medios?

11. ¿Utilizas preprocesadores CSS? ¿Así?

12. ¿Cuáles son algunas formas de optimizar CSS y mejorar el rendimiento?

13. ¿Cómo analiza el navegador los selectores de CSS?

14. ¿Se deben utilizar fuentes pares o impares en las páginas web? ¿Por qué?

15. ¿Para qué escenarios son adecuados los márgenes y el relleno?

16. Cómo escribir un módulo de estilo y expresar tus ideas. ¿Tienes alguna experiencia práctica? [Preguntas de la entrevista de viajes de Alibaba]

17. ¿Se establece el porcentaje vertical de un elemento en relación con la altura del contenedor?

18. ¿Cuál es el principio del desplazamiento en pantalla completa? ¿Qué propiedades CSS se utilizan?

¿Qué es el diseño responsivo? ¿Cuáles son los principios básicos del diseño responsivo? ¿Cómo ser compatible con versiones inferiores de IE?

20. Efecto de desplazamiento Parallax, ¿cómo crear diferentes animaciones para cada página? (Vuelve arriba, desliza hacia abajo y volverá a aparecer. ¿Qué debo hacer si solo aparece una vez?)

¿Cuál es la diferencia entre los dos puntos dobles y los dos puntos simples en 21, :antes? y :después? Explique el propósito de estos dos elementos virtuales.

22. ¿Cómo modificar el fondo amarillo del formulario que Chrome rellena automáticamente tras recordar la contraseña?

23. ¿Cómo se entiende la altura de las filas?

24. ¿Cuál es el valor mostrado de un elemento después de configurarlo como flotante? (Cambió automáticamente para mostrar: bloquear)

25. ¿Cómo hacer que Chrome admita texto de menos de 12 píxeles?

26. Haz que las fuentes de la página sean claras y finas. ¿Cómo utilizar CSS? (-webkit-font-smoothing: anti-aliasing;)

27. Los atributos de estilo de fuente se pueden especificar como "objetivos". ¿Qué quiere decir esto?

28. Posición: arreglada; ¿qué debo hacer si no es válida en Android?

29. Si la animación necesita escribirse manualmente, ¿cuál crees que es el intervalo de tiempo mínimo y por qué? (Alibaba)

30. ¿Cuándo se mostrará el espacio de visualización del bloque en línea? (Ctrip)

31. Desbordamiento: ¿Cómo solucionar el problema del desplazamiento irregular?

32. Hay un div de altura adaptable con dos divs, uno con una altura de 100 px, y espero que el otro llene la altura restante.

33. Explicar los formatos de imagen png, jpg y gif, y cuándo usarlos respectivamente.

¿Conoces webp?

34. ¿Qué es el aislamiento de cookies? (O: Cómo hacerlo sin cookies al solicitar recursos)

35. ¿Cuál es la diferencia entre las etiquetas de estilo escritas después y antes del cuerpo?

Cuarto, JavaScript

1. Introduzca los tipos de datos básicos de JavaScript.

2. ¿Cuáles son las especificaciones básicas para escribir JavaScript?

3.¿Prototipo de JavaScript, cadena de prototipos? ¿Cuáles son las características?

4.¿Cuántos tipos de valores tiene JavaScript? (Montón: tipo de datos primitivo y pila: tipo de datos de referencia), ¿puedes dibujar su mapa de memoria?

5. ¿Cómo implementa Javascript la herencia?

6. ¿Cómo crea Javascript los objetos?

7.¿Alcance de Javascript?

8. Habla sobre tu comprensión de este objeto.

9. ¿Qué hace eval?

10. ¿Qué es un objeto ventana? ¿Qué es un objeto de documento?

11. ¿Cuál es la diferencia entre nulo e indefinido?

12. Escriba una función de escucha de eventos general (prueba de máquina).

13. ¿Cuál es la respuesta a ["1", "2", "3"].map (parseint)?

14.¿Cuál es la diferencia entre IE y Firefox? ¿Cómo dejar de burbujear?

15. ¿Qué es un cierre y por qué debo utilizarlo?

16. "Usar estricto" en código JavaScript; ¿Cuál es la diferencia al usarlo?

17. ¿Cómo determinar si un objeto pertenece a una determinada clase?

¿Qué hicieron exactamente 18 y los nuevos operadores?

19. ¿Alguna vez has implementado alguna función usando JavaScript nativo?

20. En Javascript existe una función que nunca busca un prototipo al realizar una búsqueda de objetos. ¿Cuál es esta función?

21. ¿Entendiendo JSON?

22, []foreach . call($ $(" * "), función(a){ a . style . contorno = " 1px solid # " (~ ~(math . random()*( 1 lt; lt24))).toString(16)}) ¿Puedes explicar qué significa este código?

23. ¿Cuáles son los métodos para retrasar la carga de js?

24. ¿Qué es el Ajax? ¿Cómo crear un Ajax?

25. ¿Cuál es la diferencia entre sincrónico y asincrónico?

26. ¿Cómo resolver problemas entre dominios?

27. ¿Qué debo hacer si el código de la página no coincide con el código del recurso solicitado?

28. ¿Cómo hacer desarrollo modular?

29. ¿Cuáles son las diferencias en las especificaciones entre AMD (módulo/definición asíncrona) y CMD (módulo común

definición)?

30. ¿Cuáles son los principios básicos de requireJS? (¿Cómo se carga dinámicamente? ¿Cómo evitar cargas múltiples? ¿Cómo se almacena en caché?)

31. Si te piden que diseñes e implementes requireJS, ¿qué harías?

32. ¿Cuánto sabes sobre ECMAScript6?

33. ¿Cómo escribir clases en ECMAScript6? ¿Por qué existe algo llamado clase?

34. ¿Cuáles son los métodos de carga asincrónica?

35. ¿Cuál es la diferencia entre document.write e internalHTML?

36.Operaciones DOM: ¿cómo agregar, eliminar, mover, copiar, crear y buscar nodos?

Cuáles son los significados y diferencias entre 37. Llamar() y .

aplicar()?

38. ¿Cuáles son los métodos nativos de arrays y objetos?

39. ¿Cómo implementa JS una clase? ¿Cómo crear una instancia de esta clase?

40. ¿Se ha mejorado el alcance y la declaración de variables en JavaScript?

41. ¿Cómo escribir Javascript de alto rendimiento?

42. ¿Qué operaciones pueden provocar pérdidas de memoria?

43. ¿Has visto el código fuente de JQuery? ¿Puede describir brevemente cómo se implementa?

44.¿Qué objeto devuelve el método init de jQuery.fn? ¿Por qué volviste aquí?

45. ¿Cómo convertir una matriz en una cadena json en jquery y luego regresar?

46. ¿Cuál es el principio de implementación de la copia de atributos (extensión) de jQuery y cómo implementar la copia profunda?

47. ¿Cuál es la diferencia entre jquery.extend y jquery.fn.extend?

48. ¿Cómo se implementa la cola de jQuery? ¿Dónde se pueden utilizar las colas?

49. ¿Cuáles son las diferencias entre bind(), live(), chose() y on() en Jquery?

50. Un objeto JQuery puede vincular múltiples eventos al mismo tiempo. ¿Cómo se logra esto?

51. ¿Conoces esta costumbre? ¿Qué significa la función de fuego en jQuery y cuándo usarla?

52.¿En qué método se combina jQuery con el selector Sizzle? (jQuery.fn.find() ingresa a Sizzle)

53. ¿Cómo optimizar el rendimiento de jQuery?

54.¿Cuál es la diferencia entre Jquery y jQuery UI?

55. ¿Has visto el código fuente de JQuery? ¿Puedes hablar brevemente sobre su principio de implementación?

56. ¿Cómo convertir una matriz en una cadena json en jquery y luego regresar?

57. ¿Cuál es la diferencia entre jQuery y Zepto? ¿Cuáles son sus respectivos escenarios de uso?

58.¿Cuál es el método de optimización de jQuery?

59. ¿Cómo solucionar el problema de penetración puntual de Zepto?

60.¿Cómo personaliza jQueryUI los componentes?

61. Requisito: implementar una operación de página del sitio web que no actualice toda la página y responda correctamente cuando el navegador avanza o retrocede. ¿Dar su solución técnica?

62. ¿Cómo determinar si el script actual se está ejecutando en el entorno del navegador o en el entorno del nodo? (Alibaba)

63. ¿Cuál es el área táctil mínima de un terminal móvil?

Animación slideUp de 64.jQuery, si el elemento de destino es impulsado por un evento externo, cuando el mouse activa eventos de elementos externos en rápida sucesión, la animación se ejecutará repetidamente con un retraso. ¿Qué debo hacer?

65. Coloque la etiqueta script en la parte inferior de la página. ¿Cuál es la diferencia antes y después de cerrar el cuerpo principal? ¿Cómo los analizará el navegador?

66. Hay un retraso en los eventos de clic en terminales móviles. ¿Cuánto tiempo y por qué? ¿Cómo solucionar este retraso? (El clic tiene un retraso de 300 ms. Para implementar el diseño del evento de doble clic de Safari, el navegador necesita saber si desea hacer doble clic).

67. (Angular, Backbone, Ember, React, Meteor, Knockout...)? ¿Puedes decirme los pros y los contras de cada uno?

68. ¿Qué objetos nativos JS extiende el subrayado y qué funciones y métodos útiles proporciona?

69.¿Explicar el alcance y la declaración de variables en JavaScript?

70. ¿Qué operaciones pueden provocar pérdidas de memoria?

71. Un objeto JQuery puede vincular múltiples eventos al mismo tiempo.

¿Cómo se logra esto?

72. ¿Cuáles son los escenarios aplicables para Node.js?

¿Conoce enrutamiento, middleware, clustering, nodemon, PM2 y renderizado del lado del servidor?

73. ¿Explicar la implementación de MVC de Backbone?

74. ¿Qué es el "enrutamiento frontal"? ¿Cuándo es apropiado utilizar "enrutamiento frontal"? ¿Cuáles son las ventajas y desventajas del "enrutamiento frontal"?

75. ¿Sabes qué es webkit? ¿Sabes cómo depurar y depurar código utilizando varias herramientas del navegador?

76. ¿Cómo probar el código front-end? ¿Conoce BDD, TDD y pruebas unitarias? ¿Sabes cómo probar tu proyecto front-end (mocha, sinon, jasmin, qUnit...)?

77. ¿Qué es una plantilla front-end (bigote, subrayado, manillar) y cómo hacerlo? usarlo?

78. ¿Describe brevemente el uso básico del manillar?

79. Describe brevemente el flujo de procesamiento básico de las plantillas de Handlerbars y cómo compilarlo. ¿Cómo se almacena en caché?

80. ¿Usar js para implementar el separador de miles? (Fuente: trabajadores migrantes front-end. Consejo: cambie periódicamente)

¿Cuáles son los métodos para detectar la versión del navegador?

81. Vinculamos dos eventos de clic a un DOM al mismo tiempo, uno está capturando y el otro está burbujeando. Dígame cuántas veces se ejecutará el evento y si burbujear o capturar primero.