Acuerdo de entrevista de front-end web 2020

Antecedentes: 2020 es un año especial. Debido al impacto de la nueva corona, muchas cosas han cambiado, y los hábitos de rutina de algunas personas también han cambiado. Tomemos como ejemplo el cambio de trabajo. Para reducir los viajes y contactos de todos, videos en línea, Las entrevistas telefónicas se han convertido en una tendencia, pero siguen siendo las mismas, y la tecnología es la manera real. Las siguientes son algunas experiencias recientes de entrevistas personales y preguntas que todos deben saber. Espero que todos puedan mejorar. La entrevista es como una cita a ciegas. Espero que todos puedan encontrar el que sea satisfactorio para los demás sin problemas, jaja.

Html, Css artículos

1. Hable sobre su comprensión de la semántica de las etiquetas h5 y las ventajas de la semántica

2. ¿Cuáles son las nuevas etiquetas en html5? (Etiquetas estructurales: artículo, aparte, etc., etiquetas de formulario: video, audio, incrustado, etc., etiquetas de formulario: correo electrónico, url, etc.)

3. Nuevas funciones de css3 (selector, degradado, sombra, diseño de varias columnas, esquinas redondeadas, animación, transición, modelo de caja, etc.)

Método de almacenamiento 4.h5 (A. almacenamiento local almacenamiento local, almacenamiento de sesiones; B. caché de aplicación de almacenamiento fuera de línea; C: base de datos local IndexedDB y Web SQL (cancelado))

5. Comprensión profunda de las cookies (incluido el origen, los atributos, la configuración del encabezado http, la portabilidad entre dominios, la comparación con el almacenamiento local, la relación con la sesión, etc.)

6. Dos modelos de caja (w3c e IE), y cómo configurarlos, etc.

7. BFC tiene un conocimiento profundo

8. Animaciones y transiciones

9.lienzo

10. Distinguir profundamente entre en línea, bloque en línea y bloque

11. El método para realizar el centrado horizontal y vertical de contenedores de ancho y alto fijos y no fijos, preguntas básicas, de tantas maneras como sea posible

12. Comprensión profunda de flex para lograr varios diseños

13. El principio de rem

14. Su método habitual de implementación de la adaptación del terminal móvil

15. Los problemas de compatibilidad que se encuentran a menudo en los terminales móviles (ventana emergente de teclado virtual, penetración por goteo, etc.)

16.1 Solución al problema de píxeles

17. Problemas de compatibilidad con los principales navegadores que haya encontrado y tratado

javascript

1. Comprensión profunda del cierre

2. Comprensión profunda de la cadena de prototipos y el prototipo.

3. El camino de la herencia (es5, es6)

4. Métodos comunes de arreglos

5. La copia profunda y superficial del objeto y sus ventajas y desventajas

6. El método de deduplicación de arreglos, preguntas básicas, tantas realizaciones como sea posible

7. Bucle de eventos (bucle de eventos)

8. Tareas macro y micro tareas combinadas con bucle de eventos

Mecanismo de recolección de basura 9.js (borrado de marcas, conteo de referencias), qué situaciones causarán pérdidas de memoria

10. Esto apunta al problema ( función ordinaria , función de flecha)

11. Comprensión profunda de tipos básicos y tipos de referencia.

12. Comprensión de let, const, var (promoción variable, alcance a nivel de bloque, etc.)

13. ¿Cómo se realiza const?

14. Uso del operador de propagación

15. Asignación de desestructuración

16. Principio de implementación de JSBridge

17. El método de aplanamiento de matriz (reducción de dimensionalidad de matriz multidimensional) tanto como sea posible

18. Hable sobre su comprensión del burbujeo y la captura de eventos

19. Proxy de eventos y delegación de eventos

20. Cambie el método señalado por este

21. Comprensión del curring de funciones

22. Comprensión de las funciones de cola y recursión de cola.

23. El uso y la comprensión de la promesa, la escritura a mano usa la promesa para encapsular una solicitud asíncrona

24. Implementar una promesa a mano y todo o carrera de la promesa a mano

25. La diferencia entre espera asincrónica y promesa

26. Comprender los generadores

27. Comprensión de antivibración y estrangulamiento (implementación escrita a mano )

28. Escritura a mano para lograr Fibonacci

29. Implemente factorial a mano y use la optimización de llamadas de cola

30. comprensión de la clase es6

31. Comprensión y uso de funciones de orden superior

32. ¿Cómo implementa jquery llamadas en cadena?

33. Hable sobre su comprensión de la modularización (importación, exportación, etc. de AMD, CMD y es6)

34. Métodos de dominios cruzados y posibles problemas

35. Cuestiones de seguridad web, métodos comunes de ataque y métodos de prevención

36. Algoritmos: burbujeo escrito a mano, clasificación rápida, encontrar la cadena con la mayor cantidad de ocurrencias, juzgar si hay una suma de dos dígitos en la matriz, usar trim() regular para borrar los espacios en ambos extremos de la cadena y eliminar adyacente La cadena de caracteres idénticos, a juzgar si se trata de una cadena de palíndromo, una cadena inversa in situ, etc., debe escribirse a mano y tener en cuenta la complejidad.

Framework clase vue (principalmente), reaccionar

1. La diferencia entre vue y react

2. Si se le pide que elija cómo elige qué marco usar

3. ¿Cómo se crea un proyecto vue o un proyecto de reacción?

4. ¿Qué ciclos de vida tiene vue y qué se puede hacer en cada ciclo?

5. ¿Cuáles son los métodos de pasar valores entre componentes? (comúnmente utilizado: props, event, vuex, dispatch custom event $emit; condiciones límite: $parent, $child, $root, $refs, provide/inject; características que no son prop: $attrs, $listeners)

6. Comprensión del enrutamiento front-end

7. Comprensión del hash y la historia

8. El principio de enlace bidireccional de datos (MVVM)

9. ¿Cómo se representa la plantilla vue, con el mayor detalle posible o qué sucedió exactamente cuando el front-end modificó una parte de los datos?

10. Comprensión del dominio virtual

11. Comprender el papel de la clave

12. Métodos comunes de enrutamiento

13. Enrutamiento dinámico

14. Los componentes del árbol escritos a mano hablan de tus ideas

15. ¿Qué componentes básicos ha encapsulado en sus proyectos anteriores, por ejemplo

16. ¿Ha leído el código fuente del marco y ha hablado sobre su diseño general?

17. Mejoras de vue3.0

18. ¿Qué métodos de matriz se han reescrito en vue y cómo?

19. esquema de optimización de la primera pantalla de vue

20.keep-alive, nextTick

21. La diferencia entre v-if y v-show y la prioridad de v-if y v-for

22. ¿Cómo se implementa el modelo v?

23. La diferencia y conexión entre vue.component y vue.extend

artículos del paquete web

1. La diferencia entre webpack y grunt and gulp

2. La versión del paquete web

3. ¿Qué contenido tienes configurado en webpack y cuál es su función?

4. ¿Cuál es el principio del empaque webpack?

5. ¿Cuál es la función del número hash después del empaque?

6. ¿Cómo empaquetar solo la parte modificada a través de la configuración y luego cargarla, en lugar de volver a empaquetar todo el contenido?

7. ¿Cómo implementar código común en múltiples proyectos a través de la configuración?

8. ¿Cómo se realiza el rebanado?

9. ¿Cuáles son los cargadores comunes? ¿Qué problema resuelven?

10. ¿Cuáles son los complementos comunes? ¿Qué problema resuelven?

11. ¿Cuál es la diferencia entre Loader y Plugin?

12. ¿Cómo se implementa la actualización activa del paquete web? ¿Cuál es el principio?

13. ¿Cuál es el proceso de creación del paquete web?

14. ¿Cómo configurar una aplicación de una sola página, cómo configurar una aplicación de varias páginas? ¿Cuándo necesito configurar una aplicación de varias páginas?

15. ¿Cómo optimiza webpack el rendimiento de front-end? ¿Cuáles has usado?

http, https,

1. ¿Cuál es la diferencia entre http y https?

2. ¿Cuál es la diferencia entre http1.0 y 1.1, 2.0?

3. ¿Qué información de encabezado tiene http?

4. ¿Códigos de estado http de uso común y su contenido correspondiente?

5. Dime, ¿qué sucedió cuando ingresaste una dirección? tan detallado como sea posible

6. Hable sobre su comprensión del DNS

7. caché http

8. Repintado y reflujo

9. ¿Conoces el renderizado del servidor?

Preocupación tecnológica de frontera

1. ¿Tienes tu propio blog y github?

2. ¿Cómo suele prestar atención a algún contenido de front-end?

3. ¿Qué libros estás leyendo recientemente?

4. ¿Node lo ha escrito alguna vez?

5. ¿Alguna vez se ha escrito Typescript?

6. Hable sobre su comprensión de la interacción entre nativo y h5, y ¿cuál es el principio?

7. ¿Entiende los principios y las diferencias entre pwa, flutter, aplicaciones rápidas y applets?

8. Interfaz de usuario de tecnología de terminal cruzado, taro

9. Patrones de diseño

10. Parámetros de rendimiento de front-end FP, FCP, FMP, LCP, etc.

11. ¿Cuáles son las herramientas y extensiones de captura de paquetes más utilizadas?

12. ¿Qué se ha hecho para la optimización del desempeño del proyecto?

cognición personal

1. Cuéntame sobre tus fortalezas y debilidades.

2. Cuéntame sobre tu proyecto más exitoso en el pasado. ¿Qué problemas ha encontrado en el pasado y cómo los resolvió? ¿Algo que te impresione, etc.?

3. ¿Qué es lo más importante en esta búsqueda de empleo?

4. Cuénteme sobre su propio plan para los próximos tres a cinco años.

5. ¿Qué sueles hacer los fines de semana?

6. ¿Tienes cosas favoritas (pasatiempos)?

7. ¿Qué opinas sobre las horas extras?

muy recomendable

No tengas prisa por encontrar trabajo, para la fábrica a la que quieres ir, debes estar preparado antes de hacerlo (recuerda recordar), y debes contener las ganas de entrevistarte para no perder la única oportunidad. se recomienda pasar dos semanas antes de buscar trabajo, sistematiza los conocimientos a diestra y siniestra, se recomienda pasar por el libro rojo (elevación) y es6, te beneficiarás mucho. Lo anterior, espero que sea útil para todos. Si falta algún punto en el seguimiento, sincronizaremos a todos a tiempo. Espero que todos puedan encontrar la fábrica correcta.

 

Supongo que te gusta

Origin blog.csdn.net/wh_xmy/article/details/108404860
Recomendado
Clasificación