En la entrevista de front-end, me preguntaron sobre el diseño de front-end.
Puede decir: ¿conoce el diseño de DIV+CSS? Si no lo sabe, puede buscar. Primero en Baidu, no puedo explicarlo uno por uno.
Luego dijo: Entiendo el modelo de marco, pero nuevamente, si usted mismo no comprende Baidu.
Luego dijo: Qingfu entiende, de nuevo, no te entiendo Baidu.
Luego hable sobre la comprensión de elementos en línea, bloques en línea y elementos en línea.
Hay ciertos puntos adicionales por tener un conocimiento profundo del desbordamiento. Si tiene un conocimiento profundo del desbordamiento, tendrá un cierto impacto en el diseño.
Eso es todo. El entrevistador puede preguntar más detalles, no estoy seguro. En la entrevista frontal, me preguntaron cómo escribir los componentes de Vue. ¿Cómo respondería?
Gestión del estado en el marco de Vue. Introduzca el almacenamiento y la inyección en main.js. Creó un nuevo almacén de directorio, .....exportar. El escenario de la aplicación es: estado entre componentes en una aplicación de una sola página. Reproducción de música, estado de inicio de sesión, agregar al carrito entrevista frontal web Cuando se le pregunte por qué se fue
Responda sinceramente, pero preste atención a su redacción. No se queje durante la respuesta ni "quejese de las cosas malas". sobre el antiguo empleador", describa objetivamente dónde su estado es inconsistente.
Por ejemplo, el espacio de desarrollo de mi antiguo empleador no cumplió con mis expectativas. Quiero encontrar nuevas oportunidades para desafiarme y crear mayor valor.
Nota: Evite el lenguaje oficial falso y vacío, que hará que la gente se sienta poco sincera. Además, deténgase en los puntos principales sin entrar en detalles. Pregunta de la entrevista inicial: ¿Cómo resolver los problemas de compatibilidad del navegador? ¿Cuál es una mejor respuesta?
Por supuesto, IE6/IE7 son muy hostiles para FE, pero FE profesional no debe ignorar estos dos navegadores solo porque son difíciles de manejar. Mi objetivo es brindarles a los usuarios la mejor presentación frontal posible cuando la necesiten. Los problemas de compatibilidad no son de ninguna manera solo un problema con IE6/7. Existen varios problemas de compatibilidad entre diferentes teléfonos móviles, diferentes navegadores y diferentes versiones, que están lejos de ser tan simples como IE. Mi experiencia es que cada vez que encuentre un problema, debe hacer algunas cosas: confirme el escenario desencadenante, qué navegador y versión es, y bajo qué circunstancias ocurrirá el problema, para que pueda reproducirse de manera estable; causa del problema y por qué ocurre dicho problema (buscar en línea, pensarlo usted mismo o incluso enviar un correo electrónico para preguntar a los desarrolladores de la empresa correspondiente es posible determinar la solución); son todos factibles); determine la solución, ¿existe una solución a nivel de marco? En resumen, existen soluciones a nivel de marco para evitar problemas similares, como no usar ciertos atributos. puede evitar ciertos problemas, etc.; ¿existen métodos temporales que puedan evitarse rápidamente? No siempre tengo tiempo para trabajar en soluciones a nivel de marco. Cómo hackear el pasado y acumularlo será muy útil. No crea que, dado que IE6 y 7 desaparecieron, no es necesario considerar los problemas de compatibilidad del navegador. Varias versiones de Chrome / Firefox, Webkit, varios navegadores en teléfonos móviles y varios terminales tienen que lidiar con problemas de compatibilidad del navegador. Por cierto, también aparecen Flash de vez en cuando. La compatibilidad con varios terminales, varias resoluciones y varios navegadores son problemas de compatibilidad. Este es el destino de FE y debe reconocerse. Lo que quiero decir es que si nuestra interfaz puede hacer esto, entonces podremos lograr "permanecer fieles a nuestra intención original y siempre tendremos éxito". "Si no olvida su intención original, siempre tendrá éxito". Nuestra interfaz puede hacer esto. Alguien preguntó durante la entrevista frontal que Vue implementa un enlace bidireccional de información. ¿Cuál es el principio?
El principio es aproximadamente el siguiente:
Utilice accesorios para representar información cuando. información de representación
Vincule los accesorios a la información propia del subcomponente y, al modificar la información, modifique su propia información para reemplazar los accesorios
Observe los cambios en la propia información del subcomponente. información. Activar un evento que notifica al componente principal que cambie la información vinculada a la propiedad
La ventaja de esto es que cuando el componente principal cambia su información, no cambia la información del componente secundario que almacena el prop; solo usa La información de los subcomponentes se utiliza como medio para completar la modificación bidireccional de los accesorios.
Qué decir en una entrevista web front-end
Método de entrevista
Prueba escrita de escritura de código
Estilo de preguntas y respuestas
Proceso a seguir el método de entrevista STAR.
El reclutamiento escolar es diferente del reclutamiento social. El reclutamiento escolar presta más atención a lo básico, mientras que el reclutamiento social presta más atención a proyectos anteriores.
Relacionado con el proyecto
Para decirlo sin rodeos, una entrevista consiste en juzgar lo que una persona hará a continuación en función de su experiencia previa. Si nunca has hecho algo antes, otros lo harán. ¿Qué crees que puedes hacer bien en el futuro? Por lo tanto, no importa dónde lo entrevisten, se le preguntarán sobre los proyectos que haya realizado antes.
Este proyecto puede ser un producto desarrollado con la ayuda de varias personas o puede ser su propia aplicación personal de aficionado. Simplemente introduzca 1 o 2 proyectos Bueno, cabe señalar que 1+1! = 2, dos proyectos mediocres no son tan buenos como un buen proyecto.
Generalmente se harán las siguientes preguntas:
¿Cuál es el proyecto más satisfactorio en el que has trabajado?
Antecedentes del Proyecto
¿Por qué quieres hacer este proyecto?
¿Cuál es el resultado final?
¿Qué papel desempeñaste?
¿Qué problemas técnicos encontraste durante el proyecto? ¿Cómo se solucionó?
Si te pidieran que volvieras a hacer este proyecto, ¿cómo lo mejorarías?
Tecnología - Lado 1
El lado técnico evalúa el dominio de los conocimientos básicos
Describe un problema técnico que encontraste y cómo lo resolviste.
Este es un problema muy común. ¿Alguna vez te has encontrado con un problema muy poco común? Por ejemplo, ¿ni siquiera puedes buscar una solución en línea?
¿Has diseñado alguna vez componentes universales?
Diseñe un componente de diálogo/sugerencia/deslizador.
¿Qué interfaz proporcionará?
¿Cuál es el proceso de llamada? ¿Qué detalles podrías encontrar?
Las entrevistas técnicas tratan sobre profundidad y amplitud técnicas.
¿Cuáles son tus mejores habilidades?
¿Dónde crees que te encuentras en esta tecnología? ¿Cuál crees que debería ser el nivel más alto?
Navegador y rendimiento
¿Cuál es el motivo detrás de estas optimizaciones?
Además de los métodos de optimización comunes, ¿conoce también otros métodos de optimización más recientes?
(Esta es una pregunta que examina tanto la profundidad como la amplitud técnica. En realidad, es difícil responder bien, así que preste atención y sea lo más detallada posible)
Desde ingresar la URL para cargar la página, ¿Qué sucede en la página?
¿Habla sobre tu comprensión de la optimización de la efectividad de la página?
¿Cómo se analiza el rendimiento de la página?
Otros
Además de la tecnología front-end, ¿conoces otras tecnologías?
¿Cuánto sabes sobre conocimientos informáticos básicos, como estructuras de datos comunes, principios de compilación, etc.?
Aficiones
¿Qué estás estudiando últimamente? ¿Qué piensas estudiar en los próximos seis meses?
¿Qué tipo de cosas te dan mayor sensación de logro? ¿Diseño bajo demanda? ¿planificación? ¿Desarrollo específico?
¿Qué quieres hacer a continuación y dónde quieres estar dentro de 3 años?
Relacionado con la iniciativa
¿Ha sugerido alguna característica o mejora en proyectos anteriores?
¿Ha participado y mejorado otros proyectos de código abierto?
Preguntas comunes en entrevistas front-end
De hecho, no importa qué formato de entrevista, las preguntas son similares Hay reglas a seguir. De hecho, para todos los entrevistadores, sólo hay un propósito: obtener la mayor cantidad de información sobre usted en el menor tiempo. Primero, prepárese para la entrevista y luego comience con los siguientes siete aspectos.
1. Situación básica
1. Describe tu experiencia laboral previa y los resultados laborales en el lenguaje más conciso.
2. Trayectoria profesional
¿Qué cualidades crees que deberías tener para este trabajo?
3. Estilo de trabajo
1. Modo de trabajo
¿Estás acostumbrado a trabajar solo o en equipo?
4. Orientación al valor
¿Cómo ves a tu unidad anterior y a tu jefe?
5. Cualificaciones
¿Cómo evaluarías tu propia personalidad?
VI. Salario
¿Puedes decirme tu salario actual?
VII. Verificación de antecedentes
¿Te importa si investigamos un poco sobre tu lugar de trabajo anterior?
El 95% de las entrevistas son básicamente inseparables de estas preguntas. Por supuesto, también se pueden hacer algunas preguntas profesionales. Creo que no debería ser difícil si lo has hecho antes. Muchas preguntas profesionales. La información anterior se refiere directamente a la guía de entrevistas de Chuxiang Talent Network, que simplifica lo complejo y resume las 100 preguntas de recursos humanos en siete categorías y preguntas clásicas que se formulan con frecuencia en las entrevistas. Para obtener información más completa sobre la entrevista, habilidades para la entrevista y preguntas de la entrevista, inicie sesión en Chuxiang Talent Network o siga la plataforma pública WeChat: Chuxiang Talent Network Cómo utilizar ecshop para modificar el diseño de la página de inicio
El sitio web está en el servidor de celebración. No tienes el FTP o la contraseña de la cuenta del servidor que te dio tu amigo. De lo contrario, debe descargarlo, que se encuentra en el directorio de archivos del sitio web. Cómo presentar las preguntas que escribió en la entrevista frontal web y expandirlas en función de esto.
Tu currículum, pila de tecnología, estudios fuera del trabajo y experiencia en proyectos.
Su currículum, tecnología, aprendizaje fuera del trabajo y experiencia en proyectos. La primera página es muy importante, lo mejor es tenerlo todo y lo mejor es tener los puntos clave.
El entrevistador hará preguntas aleatoriamente sobre conocimientos ampliados adicionales, dependiendo de su suerte y acumulación (generalmente, ES6, métodos para resolver problemas prácticos, estructuras de datos y algoritmos son todos posibles).
Responder
Repasa las preguntas. Varias preguntas básicas te ayudarán a recordar más rápido de lo que puedes leer un libro. Si no tienes una buena base, simplemente lee. un libro para aprender.
Ser capaz de decir lo que escribes en tu currículum.
A medida que pasa el tiempo, cada vez que la entrevista falla, trato de llenar los vacíos, pero todavía hay algunas deficiencias. Siento que mientras persista, es sólo cuestión de tiempo antes de que encuentre un trabajo.
Dependiendo del negocio de la empresa, el enfoque también es diferente. Si la empresa puede seleccionar su currículum, significa que el empleador está interesado en el puesto.
Quizás lo que escribiste es: Eres competente en Vue, que es la pila de tecnología de la empresa.
Quizás escribiste una lista completa de conocimientos y la empresa quiere ver qué tan bien la dominas.
Quizás esté escribiendo un proyecto que se ajuste a las necesidades de su organización, como la gestión back-end.
Problemas del marco: (Tome Vue como ejemplo, los tres marcos tienen contenido sustancial similar, pero hay algunas diferencias)
¿Qué componentes están encapsulados? ¿Ha escrito sus propios componentes de interfaz de usuario?
¿Qué es MVVM, en qué se diferencia de MVC y cuál es su principio?
¿Cómo se comunican los componentes padre e hijo?
¿Cómo se comunican los componentes pares?
¿Qué es el ciclo de vida y cómo funciona?
¿Qué es un depósito Vue completo? ¿Cómo funcionan?
HTML5 + CSS3
Modelo de caja
¿Cómo centrar verticalmente una imagen con ancho y alto desconocidos? ¿Cuántas maneras hay?
Disposición remota móvil.
Qué contenido se puede optimizar en el front-end, o si te preguntan sobre SEO, básicamente todo se puede optimizar.
Cómo eliminar flotadores y cómo funciona básicamente. ¿Cuántos métodos hay? ¿Cómo funciona? ¿Por qué utilizar pseudoelementos? ¿Cómo se escribe el código?
Borrar punto flotante es un problema de BFC.
Proporcione un ejemplo de una página donde pueda especificar el diseño o los detalles de implementación escritos a mano, cuántas formas de implementarlo y cómo hacerlo de manera compatible y extensible.
¿Versión CSS de una API específica?
¿Qué nuevas API se añaden en CSS3?
Es posible que se le pregunte: ¿qué API se incluyen en qué versión de CSS? ¿Qué tan compatibles son?
¿Qué es un hack de CSS? ¿Qué contiene? ¿Cómo lidiar con los problemas de compatibilidad?
¿Cuáles son las nuevas API en HTML5? ¿Cuáles son más comunes? ¿Para qué se utilizan? ¿Cómo funcionan en la práctica?
¿Cuáles son las diferencias entre cookies, sesiones, localStorage y sessionStorage?
JavaScript
Problemas con la declaración de variables.
El principio de cierre, varias cuestiones sobre el cierre, básicamente todas las cuestiones.
¿Problemas de captura, burbujeo y transmisión de eventos DOM2?
Esta pregunta se suele plantear en la prueba escrita varias veces.
¿Cuál es la diferencia entre llamar y aplicar?
La herencia y la cadena de prototipos en la programación orientada a objetos son muy comunes en las preguntas de exámenes escritos.
API jQuery, varios métodos de manipulación de DOM y algunas API más nuevas. Estas preguntas se formularán en detalle en empresas que no utilizan los tres marcos principales.
Puede haber algunas estructuras de algoritmos de prueba. Puede comprender que el front-end generalmente sabe muy poco.
Ajax básicamente pregunta, y los detalles de la pregunta pueden ser diferentes. Por ejemplo, ¿cuál es la diferencia entre obtener y publicar?
Métodos de matriz: básicamente todo lo que hay debajo de ES6, esto debería ser un gran punto a favor.
Métodos de cadena: empalme, búsqueda y algunas cosas de regularidad.
Hay muchas preguntas. sobre la deduplicación de matrices (hay muchas soluciones y ES6 tiene muchas formas breves de escribirlas)
Hay muchos problemas con Promise en ES6.
La diferencia entre var, let y const también es una pregunta frecuente.
Estructuras de pilas y colas, algunas de ellas.
Problemas entre dominios: las políticas, soluciones y cómo funcionan del mismo origen (por ejemplo, cómo funciona jsonp) son problemas de alta frecuencia.
¿Qué herramientas se utilizan para el diseño frontal de las páginas web?
Generalmente, debe usar ps o un software de mapeo similar para dibujar el mapa y luego escribir el código del programa. mano.
Es fácil modificar el mapa después de usar PS u otro software, porque ya sea para uso interno o para uso del cliente, siempre hay muchos lugares para modificar.