Los tres dorados y cuatro plateados llegarán pronto, y los principales fabricantes de Internet han descartado una gran cantidad de front-end hc !
Tencent y Huawei, como fabricantes de primer nivel, son empresas a las que aspiran innumerables técnicos, ya sea por su nivel salarial o por su sentido de logro profesional. Muchos amigos quieren aprovechar esta oportunidad para intentarlo. Permítanme presentarles el sistema de clasificación y los requisitos de trabajo de front-end de los puestos técnicos de Tencent y Huawei .
Además, hay un intercambio al final del artículo: una pregunta de entrevista completa resumida por los colegas internos de ** Tencent y Huawei. ** ¡Espero que todos comprendan y dominen estos puntos de conocimiento y se esfuercen por aprobar cada ronda de entrevistas!
Estructura salarial de Tencent:
12 + 1 + 1 = 14 de salario, el salario estándar de Tencent es 14 de salario, pero por lo general puede obtener un salario de 16-20. El bono de fin de año depende de la rentabilidad del departamento, generalmente 3 meses.
Requisitos de Tencent para puestos técnicos de front-end:
-
Más de 3 años de experiencia en desarrollo web.
-
Familiarizado con TCP / IP, HTTP / HTTPS y otros protocolos de red, y familiarizado con los principios básicos de la comunicación en red.
-
Competente en JavaScript nativo y DOM API.
-
Familiarizado con HTML5 / CSS3 y otras tecnologías relacionadas.
-
Familiarizado con más de un framework front-end como React y Vue, familiarizado con herramientas de construcción y empaquetado como Webpack y Babel, y tener experiencia en desarrollo NodeJS.
-
Familiarizarse con los patrones de diseño y tener un buen sentido de los estándares de código.
Estructura salarial de Huawei
La calificación y el nivel técnico de Huawei están vinculados, y se estipula como nivel técnico + 13 = calificación. Por ejemplo, nivel técnico 3A, la calificación es 3A + 13 = 16A. La mayoría de los empleados de Huawei se encuentran en el grado 18, y el promedio de empleados de Huawei que han trabajado durante diez años tiene entre 16 y 17 años, y el salario es de entre 600.000 y 700.000.
Requisitos de Huawei para puestos técnicos de front-end:
1. Familiarizado con el flujo de trabajo de desarrollo de front-end, el empaquetado y las herramientas de construcción, como gulp / webpack, etc.
2. Familiarizado con al menos uno de los tres marcos principales y sus principios, Angular / Vue / React
3. Familiarizado con las estructuras de datos y algoritmos de uso común, base sólida, competente en la base de front-end htmI / css / javascript
Elementos de bonificación: colaborador de proyectos de código abierto, familiarizado con la pila de tecnología Angular / Typecript, experiencia en el desarrollo de bibliotecas de componentes U |, experiencia en optimización del rendimiento, dominio de un lenguaje back-end
Últimas preguntas de la entrevista interna de Tencent y Huawei
HTML
- Nuevas funciones de HTML5, semántica
- Modo estándar y modo extraño del navegador.
- La diferencia entre xhtml y html
- Beneficios de usar datos
- metaetiqueta
- lienzo
- Etiquetas HTML obsoletas
- Error de IE6 y algo de escritura de posicionamiento
- css js ubicación de ubicación y motivo
- ¿Qué es el renderizado progresivo?
- lenguaje de plantilla html
- El principio de la meta ventana gráfica
CSS
- Modelo de caja, tamaño de caja
- Nuevas funciones de CSS3, pseudo-clases, pseudo-elementos, pseudo-clases de anclaje
- CSS se da cuenta de la forma de ocultar la página.
- Cómo lograr el centrado horizontal y el centrado vertical.
- Hablar de posición, mostrar
- Explique la función de * {box-sizing: border-box;} y explique los beneficios de usarlo
- ¿Problemas y soluciones provocados por elementos flotantes? Posicionamiento absoluto y posicionamiento relativo, el valor de visualización del elemento después de flotar
- La diferencia entre link e @import presentando css
- Explicar el flexbox de css3 y los escenarios aplicables.
- La diferencia entre inline y inline-block
- ¿Cuáles son elementos a nivel de bloque, esos son elementos a nivel de fila y cuáles son las características de cada uno?
- diseño de cuadrícula
- El papel del diseño de la mesa
- ¿Cuáles son las formas de lograr un diseño de dos columnas?
- css dpi
- ¿Conoces la diferencia entre atributo y propiedad?
- problema de diseño css? ¿Cómo logra CSS el diseño de tres columnas? ¿Y si es adaptativo en el medio?
- Cómo realizar el diseño de flujo, cómo realizar el diseño receptivo
- Plan de distribución móvil
- Logre un diseño de tres columnas (diseño del Santo Grial, diseño de doble ala voladora, diseño flexible)
- Principio de compensación de flotación
- ¿Cuáles son las desventajas del desbordamiento: oculto?
- Es el porcentaje de relleno relativo al ancho del padre o su propio ancho
- animación css3, la diferencia entre transición y animación, propiedades de animación, aceleración y simulación de gravedad
- Cómo rotar imágenes en CSS 3 (transformar: rotar)
- menos descaro
- ¿Cuánto sabe sobre desarrollo móvil? (Diseño receptivo, Zepto; @media, viewport, plataforma de evaluación de expresiones regulares JavaScript).
- ¿Qué es bfc y cómo crear bfc? ¿Qué problema soluciona?
- Unidades de longitud en CSS (px, pt, rem, em, ex, vw, vh, vh, vmin, vmax)
- ¿Cuál es la prioridad de los selectores CSS?
- Duende
- svg
- ¿Cuál es el principio de consulta de medios?
- ¿CSS se carga de forma asincrónica? ¿Dónde está la actuación?
- ¿Cuáles son los problemas de compatibilidad del navegador que se encuentran con frecuencia? Técnicas comunes de pirateo
- Fusión de margen
- Explique la diferencia entre dos puntos y dos puntos simples en ":: antes" y ": después"
JS
- ¿Cuáles son los tipos básicos de js? ¿Cuáles son los tipos de referencia? La diferencia entre nulo e indefinido.
- ¿Cómo determinar si una variable es de tipo Array? ¿Cómo determinar si una variable es de tipo Número? (Más de un tipo)
- ¿Object es un tipo de referencia? ¿Cuál es la diferencia entre tipos de referencia y tipos básicos? ¿Cuál está en el montón y cuál está en la pila?
- Api de operación JS Common Dom
- Explicar la propagación de eventos y la captura de eventos.
- Delegación de eventos (ejemplo escrito a mano), propagación y captura de eventos, ¿cómo detener la propagación? ¿Cómo organizar eventos predeterminados?
- ¿Comprensión de los cierres? ¿Cuándo se forma un cierre? ¿Cómo implementar cierres? ¿Pros y contras de los cierres?
- ¿Cuáles son los escenarios de uso para esto? ¿Cuál es la diferencia entre esto en C y Java? ¿Cómo cambiar el valor de esto?
- llamar, aplicar, enlazar
- Mostrar prototipo y prototipo implícito, cadena de prototipos dibujados a mano, ¿qué es la cadena de prototipos? ¿Por qué hay una cadena de prototipos?
- Varias formas de crear objetos
- Múltiples formas de implementar la herencia y ventajas y desventajas.
- ¿Qué hace un objeto nuevo específicamente?
- Ajax manuscrito, XMLHttpRequest
- Promoción variable
- Ilustre un caso de uso típico de una función anónima
- Señale la diferencia entre los objetos host JS y los objetos nativos. ¿Por qué no es una buena práctica extender los objetos incorporados JS? ¿Cuáles son los objetos integrados y las funciones integradas?
- La diferencia entre atributo y propiedad
- La diferencia entre la carga de documentos y el documento DOMContentLoaded
- === 和 ==, [] === [], indefinido === indefinido, [] == [], indefinido == indefinido
- Qué valores puede obtener typeof
- ¿Qué es "uso estricto", las ventajas y desventajas
- ¿Cuál es el alcance de la función? ¿Cuántos alcances tiene js?
- Cómo JS implementa la sobrecarga y el polimorfismo
- Api de matriz de uso común, API de cadena
- Enlace de eventos nativo (navegador cruzado), ¿la diferencia entre dom0 y dom2?
- Dado un elemento para obtener sus coordenadas relativas a la ventana de vista
- Cómo implementar la carga diferida de desplazamiento de imágenes
- ¿Cuáles son los métodos del tipo de cadena js? ¿Cómo usar funciones de expresión regular?
- Copia profunda
- Escribe una función de escucha de eventos general
- Configuración y adquisición de cookies del lado web
- El orden de ejecución de setTimeout y promise
- ¿Cuáles son los modelos de flujo de eventos de JavaScript?
- Navegador de objetos, ubicación e historial.
- mecanismo de recolección de basura js
- Causas y escenarios de pérdidas de memoria
- Varias formas de vincular eventos DOM
- La diferencia entre target y currentTarget en eventos DOM
- La diferencia entre typeof y instanceof, el principio de instancia de
- Comparación de animación js y animación css3
- Cuenta atrás de JavaScript (setTimeout)
- js maneja excepciones
- Los patrones de diseño de js conocen esos
- La realización del diagrama de carrusel, así como el desarrollo del componente de diagrama de carrusel, el proceso de carrusel 10,000 imágenes
- El principio de funcionamiento y el mecanismo de websocket.
- ¿Cuál es el evento cuando mi dedo toca la pantalla táctil?
- ¿Qué es la función de curado? ¿Y cuáles son las aplicaciones de JS API para la realización de funciones de curado? (Algo de comprensión de la función de curado, así como la aplicación de * programación funcional, finalmente habló sobre la función de enlace y el método de reducción de matriz en JS usando la función de curado).
- Depuración de código JS
cuadro
- ¿Qué frameworks has usado?
- ¿Cuál es la relación entre zepto y jquery? ¿Existe alguna conexión?
- ¿Cómo implementa el código fuente de jquery el selector, por qué el objeto obtenido por $ está diseñado para tener la forma de una matriz y cuál es el propósito de este diseño?
- Cómo jquery une eventos, hay varios tipos y diferencias
- ¿Qué es MVVM, MVC, MVP?
- El principio de enlace de datos bidireccional entre Vue y Angular
- Vue, comunicación angular entre componentes y principios de enrutamiento
- El ciclo de vida de reaccionar y vue
- Algoritmo virtual dom y diff de react y vue
- vue 的 observer ， watcher ， compile
- ¿Para qué tipo de negocio se utilizan React y Angular? La diferencia entre rendimiento y nivel MVC
- ¿Cuál es la diferencia entre el objeto jQuery y el elemento JS?
- Cómo se implementa el objeto jQuery
- Además de jQuery encapsula algunos métodos, ¿qué más vale la pena aprender y usar?
- ¿Qué hace $ ('xxx') de jQuery
- Presentar cómo se implementa el sistema de cuadrícula de bootstrap
Relacionado con el navegador
- Dominio cruzado, por qué JS restringirá el dominio cruzado
- Seguridad de front-end: xss, csrf ...
- ¿Cómo carga la página el navegador? ¿Cuál es la solución al bloqueo de scripts? ¿Cuál es la diferencia entre diferir y asíncrono?
- Almacenamiento en caché sólido del navegador y almacenamiento en caché de negociación
- ¿Cuáles son las variables globales del navegador?
- ¿Cuántos recursos puede descargar el navegador de un nombre de dominio al mismo tiempo?
- Carga bajo demanda, criterios de evaluación de elementos para diferentes páginas
- Uso y diferencia de almacenamiento web, cookies, localstroge, etc.
- Kernel del navegador
- ¿Cómo implementar el mecanismo de almacenamiento en caché? (Desde 200 caché, a caché a etag y luego a)
- Hable sobre la comprensión y la diferencia entre 200 y 304
- ¿Qué es la precarga y la carga diferida?
- ¿Cuántos estados tiene una instancia XMLHttpRequest?
- El principio de resolución dns, cómo encontrar el servidor después de ingresar la URL
- ¿Cómo sabe el servidor de ti?
- Proceso de renderizado del navegador
- Algunos problemas de compatibilidad de ie
- sesión
- Arrastrar y soltar
- Desmontar cada parte de la URL
El documento completo de las preguntas de la entrevista se dibuja al final del artículo de forma gratuita.
ES6
- Hablar de promesa
- ¿Conoce todas las características de ES6? Si encuentra algo y no sabe si es ES6 o ES5, ¿cómo lo distingue?
- ¿Cuál es la diferencia entre la herencia es6 y la herencia es5?
- paquete de promesa ajax
- Ventajas de let const
- ¿Qué es un generador es6 y el principio de implementación asíncrona / espera?
- La diferencia entre ES6 y la especificación modular commonjs de node
- Función de flecha, y es esto
Red de computadoras
- ¿Cuáles son las partes importantes del encabezado del protocolo HTTP, código de estado HTTP
- ¿Cómo se ingresa la URL de la red a la salida?
- ¿Por qué la optimización del rendimiento debería reducir el número de visitas HTTP?
- El proceso y el principio de la solicitud Http
- ¿Cuántos apretones de manos y ondas de https (sí https)? El principio de https.
- ¿Cuántas veces http saluda y se da la mano? ¿El nombre chino de TLS? ¿En qué capa de red se encuentra TLS?
- Las características de la conexión TCP, ¿cómo garantizar la seguridad y confiabilidad de la conexión TCP?
- ¿Por qué la conexión TCP necesita un protocolo de enlace de tres vías, no puede hacerlo dos veces?
- ¿Por qué tcp se da la mano tres veces y saluda cuatro veces?
- ¿Apretón de manos de tres vías y onda de cuatro tiempos de tcp para dibujar una imagen (escriba los valores de ack y seq en el acto)?
- La diferencia entre tcp y udp
- ¿La diferencia entre obtener y publicar? ¿Cuándo se usa?
- ¿Cuál es la diferencia entre http2 y http1?
- websocket
- ¿Qué es un flujo tcp y qué es un flujo http?
- ¿Cómo compila babel el código es6 en es5?
- Canalización y conexión persistente HTTP2
- ¿Es la resolución de nombre de dominio tcp o udp?
- Divergencia de dominio y convergencia de dominio
- ¿Dónde se coloca el archivo cuando publica un archivo?
- ¿Qué hay en el encabezado de respuesta HTTP?
Ingenieria
- ¿Sabes algo sobre webpack, gulp, gruñido, etc.? Comparación.
- Cómo configurar los archivos de entrada del paquete web y cómo dividir varias entradas.
- La diferencia entre el cargador y los complementos de webpack
- El uso específico de gulp.
- La comprensión de la ingeniería de front-end, cómo implementar un paquete de archivos usted mismo, como un archivo JS que está escrito en ES5 y ES6 al mismo tiempo, cómo compilar y ser compatible con ellos.
Modular
- ¿Conoce AMD, CMD, CommonJS?
- ¿Por qué modularizar? ¿Cómo escribir código cuando no está en uso y cuando se usan RequireJs?
- Hábleme de las bibliotecas modulares, ¿ha entendido alguna vez la historia del desarrollo modular?
- Hablemos de los escenarios de aplicación de la modularización sincrónica y asincrónica, respectivamente, y hablemos del principio de la modularización asincrónica de AMD.
- ¿Cómo cambiar toda la sintaxis del módulo requerido en el proyecto para importar la sintaxis de ES6?
- Cuando se utiliza la carga modular, ¿cuál es el orden de carga del módulo? Si no lo sabe, ¿en qué cree que debería basarse el orden en el conocimiento existente?
Nodejs
- ¿Conoces nodejs?
- ¿Cuál es la relación entre Express y koa, y cuál es la diferencia?
- ¿Para qué tipo de negocio es adecuado nodejs?
- ¿Cuál es la diferencia entre nodejs, php y java?
- ¿Cuál es la diferencia entre Stream y Buffer en Nodejs?
- ¿Cómo se resuelve el problema asincrónico del nodo?
- ¿Cómo logra el nodo una alta concurrencia?
- Hablar sobre el principio del bucle de eventos de Nodejs
estructura de datos
- Estructura de datos básica: (matriz, cola, lista vinculada, montón, árbol binario, tabla hash, etc.)
- 8 algoritmos de clasificación, principios, escenarios aplicables y complejidad
- Dime cuanto más mejor será la realización de la secuencia de Fibonacci.
Optimización del rendimiento
- ¿Cuál es el uso de cdn? ¿Cuándo se usa?
- Optimización de la página del navegador?
- Cómo optimizar el rendimiento de las operaciones DOM
- ¿Cuáles son las soluciones de SEO para aplicaciones de una sola página?
- La primera pantalla de una aplicación de una sola página es lenta, ¿cuál es el motivo? ¿Cuál es la solución?
otro
- Expresión regular
- Ventajas y desventajas de la renderización de front-end y back-end
- Cuatro características de la base de datos, qué es la atomicidad, la relación entre tablas.
- ¿Cómo crees que debería verse el sistema front-end?
- Un recurso estático debe estar en línea y hay varias dependencias de recursos en él, ¿cómo se conecta sin problemas?
- Si tuviera que implementar un motor de plantillas de front-end, ¿qué haría
- ¿Conoce las consultas de transmisión de medios?
- SEO
- ¿Cuál es la diferencia entre mysql y mongoDB?
- explicación del método relajante
- Conocimiento de bases de datos, conocimiento del sistema operativo
- Click tiene un retraso de 300ms en ios, el motivo y como solucionarlo
- Adaptación de terminal móvil, consulta de medios rem + / configuración de meta encabezado
- Gestos y eventos en el terminal móvil;
- Comprensión de la codificación unicode, utf8, gbk, la solución de confusiones
Preguntas abiertas que se hacen con frecuencia en tres y cuatro lados
- ¿Qué libros has leído? ¿Qué libro estás leyendo recientemente?
- ¿Qué marco usaste? ¿Has visto algún código marco?
- ¿Has aprendido los patrones de diseño?
- ¡Habla sobre el modo observador! ¿Puedes escribirlo?
- ¿Cuál es tu mayor fortaleza? ¿Cuál es tu mayor defecto?
- ¿Qué fue lo más loco que hiciste en la universidad?
- ¿Qué salida tienes además de los blogs?
- Ahora su líder le ha dado un trabajo y le pidió que lo completara en una semana, pero después de leer los requisitos, se estima que le tomará 3 semanas completarlo. ¿Qué debe hacer?
- Tecnología front-end a la que suelo prestar atención
- Cómo planificar tu carrera
- ¿Tuviste algún problema durante el proyecto? ¿Cómo resolverlo?
- ¿Qué estás investigando recientemente?
- Por favor, presente un plan de estudio que le apasione y en el que sea bueno, e introduzca.
- Por favor, presente el proyecto más impresionante en el que participó, ¿por qué? E introduzca su rol y rol en el proyecto.
Cara de recursos humanos
- ¿Por qué quieres aprender el front-end?
- ¿Cómo se aprende habitualmente el front-end? ¿Cuál es la salida?
- ¿Cuál crees que es tu mejor proyecto?
- ¿Qué puedes aprender de las personas que admiras? ¿Por qué no eres como ellos?
- Qué tipo de problemas tiene un colega lo harán inaceptable
- ¿Qué es lo más estresante?
- ¿El mejor proyecto que has hecho con tus compañeros?
- ¿Qué dicen tus amigos de ti?
- ¿Qué tipo de ambiente de trabajo te gusta?
- Cómo tratar las horas extraordinarias
- Hay algun objeto
- Intención de la ciudad
- Otras ofertas
- ¿Por qué debería ser admitido?
- Tres cosas que pasan más tiempo en la universidad
- ¿Que vas a hacer este fin de semana?
- Plan de carrera futura
Sugerir
-
No demuestre que desea iniciar un negocio durante la entrevista. Toca la pizarra.
-
Si nunca ha leído el código fuente, se recomienda comenzar con código fuente como jQuery y zepto. Más tarde, podrá comprender las ideas del código fuente y la implementación de funciones comunes de Vue y React.
-
Al describir la experiencia del proyecto, no es necesario que sea demasiado detallado, solo elija los puntos clave.