¿Será fácil encontrar trabajo en la interfaz web en 2021?

¿Será posible cambiar al desarrollo web front-end en 2021?

Este es un problema que mucha gente busca en Internet. La razón es que la red actual está llena de saturación de front-end. Esto hace que muchas personas se pregunten si pueden cambiar a la interfaz web.

No se puede negar que la oferta de programadores de interfaz web junior se está desbordando, el salario se está deteriorando y el desarrollo es frío. Pero cuando se ciñe a los ingenieros de interfaz web de nivel medio y superior, se volverá cada vez más popular. Esto se debe a que la pila de tecnología de front-end se actualiza constantemente y se mejora la eficiencia. Las mismas personas de front-end pueden completar más responsabilidades que antes.

En muchas empresas, un excelente ingeniero front-end web puede manejar el desarrollo de terminales web y móviles, e incluso ser responsable de parte del back-end. Por lo tanto, siempre que pueda soportar la soledad y trabajar duro para perfeccionar sus habilidades, luego de ingresar al ingeniero de desarrollo de front-end web de nivel medio a alto, el salario del empleo definitivamente cumplirá con sus expectativas.

A continuación, permítanme compartir con ustedes cuál es la tendencia de desarrollo del front-end web en 2021.

Los amigos que están familiarizados con la Web saben que 2019 es un año relativamente estable para el desarrollo de la tecnología web front-end. En lo que respecta al desarrollo del marco tecnológico principal de front-end, el desarrollo ha sido extremadamente rápido en el pasado. pocos años, y está llenando los vacíos y deficiencias del marco tecnológico original. Al mismo tiempo, madura gradualmente. En el futuro, el front-end se estabilizará lentamente en la dirección de la tecnología madura y entrará en la etapa de optimización iterativa, como estándares de lenguaje, marcos de front-end, etc. Entonces, ¿cuál es la tendencia de desarrollo del front-end web en 2021? Sigamos adelante y pidame que le eche un vistazo ~

1. Actualización y estabilidad de la nueva especificación

Los nuevos estándares y borradores de front-end se actualizan constantemente, y los estándares HTML, CSS y Javascript están mejorando gradualmente. Aunque estas nuevas especificaciones eventualmente eliminarán las especificaciones anteriores, y los nuevos proyectos utilizarán los últimos estándares como base para el desarrollo, Debe desechar completamente los viejos. Llevará algún tiempo estandarizarlos.

En la actualidad, la realización de la estructura de tres capas de front-end ha formado especificaciones estándar HTML5, CSS3, "Ecmascript 6", y los nuevos cambios serán cada vez más pequeños, lo que indica que las especificaciones de práctica actuales del proyecto de front-end serán relativamente estable durante mucho tiempo. Los cambios posteriores no serán tan disruptivos como antes.

2. La tecnología marco tiende a estabilizarse

Desde la perspectiva del marco de desarrollo de aplicaciones front-end, ha experimentado sucesivamente las etapas DOM API, MVC, MVP, MVVM, Virtual DOM, MNV * y ha resuelto gradualmente los problemas de eficiencia del desarrollo front-end, modo de diseño y DOM. rendimiento de interacción. Una vez finalizados estos problemas, el marco pertinente también entrará en un período de iteración estable y ordenada.

Incluso si hay un nuevo marco, siempre que pueda sentar una buena base para el front-end, puede comenzar con cualquier marco. Es por eso que algunas personas aprenden rápido y otras se confunden más a medida que aprenden, y la razón es que la base es más sólida.

El marco de interacción de front-end no cambiará con tanta frecuencia como antes, en comparación con el reemplazo frecuente anterior de la actualización estable del marco principal actual.

3. Exploración de herramientas técnicas

Por supuesto, la mejora de la eficiencia técnica y el rendimiento de front-end no se puede resolver solo con el marco de front-end. También necesita el apoyo de otras herramientas auxiliares, como herramientas de depuración eficientes, herramientas de automatización de compilación, herramientas de implementación de versiones automáticas y pronto.

Por lo tanto, en el futuro proceso de desarrollo de front-end, seguirá apareciendo la exploración de diversas herramientas eficientes para resolver problemas en escenarios específicos.

4. Nuevas funciones del navegador

En lo que respecta a las aplicaciones del lado del navegador, la versión del navegador y la iteración de desarrollo de funciones que representa Chrome es extremadamente rápida. Después de varias versiones, se pueden implementar muchas mejoras y funciones prácticas en el navegador, como: componente web, trabajador de servicio, IndexDB, WebAssembly, WebRTC, compatibilidad con "Ecmascript 6", etc.

Sin embargo, debido a la gran cantidad de tipos y versiones de navegadores, no podemos promover directamente el uso de estas nuevas funciones en nuestro negocio, pero aún nos brindan muchas posibilidades, y más tecnologías se basarán en estas nuevas funciones en el futuro. Optimizar o mejorar la producción.

5. Ecología del desarrollo de la tecnología de vanguardia

A través del navegador, el servidor y los terminales móviles, la interfaz se está desarrollando en la dirección de la realización de múltiples terminales y tecnologías. Esto significa que la pila de tecnología front-end puede hacer más cosas e involucrar una gama más amplia de plataformas.

Sin embargo, como parte de todo el ecosistema de desarrollo tecnológico, el surgimiento de cada tecnología debe considerar las cuestiones de eficiencia del desarrollo, costos de mantenimiento, rendimiento y escalabilidad. Por lo tanto, todavía es la Web para encontrar un nuevo ecosistema de desarrollo. La dirección general de el futuro de front-end.

6. La aparición de nuevas áreas de front-end

Además de los cambios tecnológicos actuales y las exploraciones del desarrollo de aplicaciones en navegadores, servidores y terminales móviles, en el futuro también aparecerán nuevos escenarios de aplicaciones en el front-end.

Por ejemplo, realidad virtual, webización de Internet de las cosas, inteligencia artificial web, etc. Aunque estos suenan relativamente lejanos, se usarán pronto una vez que lleguen. Por lo tanto, el front-end web no solo se desarrolla rápidamente, sino que también se promueve y usa extremadamente rápido. tres años.

Lo anterior es la razón por la que cambiaré al desarrollo web front-end en 2021. Las perspectivas actuales de front-end web todavía están en boga. Siempre que se sientan las bases y completen las rutas de aprendizaje y los proyectos paso a paso, no es difícil convertirse en un ingeniero de desarrollo de front-end web. ¡Espero que pueda convertirse en el próximo programador destacado con sus propios esfuerzos!

Como digresión, por lo general tengo el hábito de organizar las preguntas de la entrevista y estoy listo para salir de mi zona de confort en cualquier momento. Sin saberlo, recopilé 657 páginas y las comparto aquí con usted. Si lo necesita, haga clic aquí para Obtenga el PDF de preguntas y análisis de forma gratuita .

HTML

• ¿Cuáles son las tres capas de la página del navegador, cuáles son y cuáles son sus funciones?
• ¿Las ventajas y desventajas de HTML5?
• ¿Qué hace Doctype? ¿Cómo distinguir entre el modo estricto y el modo promiscuo? ¿Qué quieren decir?
• ¿Cuáles son las nuevas funciones y elementos de HTML5?
• ¿En qué navegadores han probado las páginas web que creó y cuáles son los núcleos de estos navegadores?
• Hay algo muy importante al principio de cada archivo HTML, Doctype. ¿Sabes para qué sirve?
• ¿Cuéntame sobre tus conocimientos de HTML5? (¿Qué es, por qué?)
• ¿Comprensión y conocimiento de los estándares WEB y W3C?
• ...

CSS

• ¿Explicar el modelo de caja CSS?
• ¿Podría hablarnos sobre los tipos de selectores de CSS y dar algunos ejemplos para ilustrar su uso?
• ¿Podría decirme qué tiene de especial CSS? (Prioridad, cálculo de valores especiales)
• ¿Problemas y soluciones comunes de compatibilidad de navegadores?
• Enumere los valores de la pantalla y explique qué hacen.
• ¿Cómo centrar un div, cómo centrar un elemento flotante?
• Enumere varios métodos (al menos dos) para limpiar los flotadores.
• ¿Comparación de detalles de bloque, inline e inlinke-block?
• ¿Qué es la degradación elegante y la mejora progresiva?
• Habla sobre los problemas que provocan los elementos flotantes y tus soluciones.
• ¿Cuáles son sus métodos de optimización del rendimiento?
• ...

JavaScript

• Las diversas posiciones de js, como clientHeight, scrollHeight, offsetHeight y la diferencia entre scrollTop, offsetTop, clientTop?
• Implementación de la función de arrastrar y soltar js
• Cargar de forma asincrónica el método js
• js anti-vibración y aceleración
• Hablar de cierres
• Hable sobre su comprensión de la cadena de alcance
• ¿Prototipo de JavaScript, cadena de prototipos? ¿Cuáles son las características?
• Explique qué es la delegación de eventos / delegación de eventos
• ¿Cómo implementa Javascript la herencia?
• La ejecución de la función cambia esto
• Principio de compilación de Babel
• Función Currying
• Hablar sobre la creación y herencia de clases.
• Hablar sobre el flujo de eventos en el front-end
• Cómo hacer que la burbuja del evento primero y luego capturar
• Hablar sobre la carga diferida y la precarga de imágenes.
• ¿Qué hace el nuevo operador de js?
• Cambie el puntero a la función de este puntero dentro de la función (la diferencia entre vincular, aplicar, llamar)
• Ajax resuelve el problema de la caché del navegador
• ...

Vista

• El papel del valor clave en Vue
• ¿Por qué los datos en un componente de Vue deben ser una función?
• ¿Cuál es la característica de estado de vuex?
• Presenta el sistema de respuesta de Vue
• La diferencia entre calculado y reloj
• Presenta el ciclo de vida de Vue
• Por qué los datos de los componentes deben ser una función
• ¿Cómo se comunican los componentes?
• ¿Cómo usar componentes personalizados en Vue.cli? ¿Ha encontrado algún problema?
• ¿Cómo implementa Vue la configuración del paquete web y la carga a pedido?
• Describa brevemente para qué escenarios es adecuado cada ciclo
• ¿Qué es scss? ¿Cuáles son los pasos de instalación y uso en Vue.cli? ¿Cuáles son las características principales?
• ¿Habla sobre su comprensión de la compilación de plantillas de Vue.js?
• Varias formas de salto de enrutamiento de Vue
• ¿Cómo implementa Vue la configuración del paquete web y la carga a pedido?
• Implementación de enrutamiento de Vue: modo hash y modo historial
• ¿Cuál es la diferencia entre Vue, Angular y React?
• Función de gancho para enrutamiento Vue
• ¿Cuáles son las propiedades calculadas de Vue?
• ...

Reaccionar

• Introducir reaccionar
• Reaccionar flujo de datos único
• Funciones del ciclo de vida de React y el ciclo de vida de los componentes de React
• Principios, diferencias, aspectos destacados y funciones de react y Vue
• Comunicación de componentes de ReactJs
• ¿Has aprendido sobre el DOM virtual de React? ¿Cómo se compara?
• React se utiliza en el proyecto, ¿por qué deberíamos elegir react y cuáles son los beneficios de react?
• Cómo conseguir el verdadero dom
• Razones para elegir reaccionar
• Función de ciclo de vida de React
• Proceso después de setState
• ¿Conoce los componentes de gama alta de React?
• React jsx, programación funcional
• ¿Qué utilizan los componentes de Reacción para determinar si se deben actualizar?
• Cómo configurar React-Router
• Módulos cargados dinámicamente para enrutamiento
• ¿Qué es el middleware Redux? Acepta varios parámetros
• Cómo el middleware de solicitudes redux maneja la concurrencia

Navegador

• Comunicación de tabla cruzada
• Arquitectura del navegador
• Bucle de eventos en el navegador
• El proceso desde la URL de entrada hasta la visualización
• Redibujar y redistribuir
• almacenamiento
• Trabajador web
• Mecanismo de recolección de basura V8
• Pérdida de memoria
• Optimización del reflujo y repintado
• ¿Cómo reducir el redibujado y el reflujo?
• Se ingresa una página desde la URL para que la página se cargue y se muestre, ¿qué sucedió en el proceso?
• Resumen de la diferencia entre localStorage y sessionStorage y cookie
• ...

Servidor y red

• La diferencia entre HTTPS y HTTP
• Versión HTTP
• ¿Qué sucedió al ingresar la URL a la representación de la página?
• Caché HTTP
• Ubicación de la caché
• Caché fuerte
• Caché de negociación
• Los recursos en caché están ahí
• El impacto del comportamiento del usuario en la caché del navegador
• Ventajas del almacenamiento en caché
• Proceso de ejecución de solicitud de actualización diferente
• ...

Algoritmo y estructura de datos

• Recorrido de secuencia de árbol binario
• Las características del árbol B, la diferencia entre el árbol B y el árbol B +
• Recursión de cola
• ¿Cómo escribir un factorial de un número grande? ¿Qué pasa con el método recursivo?
• Cómo convertir una matriz multidimensional en una matriz unidimensional
• Hablar sobre el principio de descarga rápida burbujeante.
• ¿El principio del método de clasificación Heap? ¿la complejidad?
• Varios algoritmos de clasificación comunes, escritos a mano.
• Desduplicación de matrices, escriba tantos métodos como sea posible
• Si hay una matriz grande, todos son números enteros, cómo encontrar los 10 números más grandes

#### Debido a la extensión limitada del artículo, solo se puede mostrar una parte de las preguntas de la entrevista. Si lo necesitas, haz clic aquí para recibir las preguntas gratis + resolver el PDF .