Ingeniería de front-end que Xiaobai puede entender
La ingeniería de front-end ha sido utilizada recientemente por muchas empresas o empresas, y se ha convertido en un término muy candente, por lo que tengo curiosidad sobre la causa y el efecto en el medio.
01 Prefacio
También escuché sobre el contenido de la ingeniería front-end en los últimos años. Cuando lo escuché, me sentí muy alto. ¿Cuándo se convirtió el front-end en un nivel de ingeniería? Pero ahora con la actualización de la tecnología, poco a poco creo en el desarrollo del front-end. Cuando me sorprendí antes, sigo pensando qué debería hacer el front-end: cortar la imagen y configurar la plantilla.
Este artículo le hablará sobre el pasado y el presente de la ingeniería front-end. No hay tecnología en él. Todos pueden leer con curiosidad.
02 Desarrollo front-end? Cortar la foto?
De hecho, el concepto de front-end básicamente no existía antes. En ese momento, muchos trucos eran el desarrollo del back-end, por lo que el desarrollo de Java fue muy popular, casi situándose en la parte superior de la cadena de desacato. Entonces, ¿por qué no aprendo el back end? Porque mi fase (final) (final) cree (también) el desarrollo frontal (difícil) final (excesivo).
Así que no hay forma, solo encuentro otro para aprender, porque el arte no es bueno, ¡entonces encuentro el frente! Algunas cosas pueden ser efectivas de inmediato.
Historial de front-end
Hay que admitir que el front end ha experimentado dos renacimientos. Solo el rápido desarrollo de hoy, la primera vez es de un sitio web estático a un sitio web dinámico; la segunda es la introducción de Node.js, que puede hacer que el lenguaje de script JavaScript se ejecute en el lado del servidor, pero esto libera productividad y hace que el front-end ya no Humilde
Mucha gente piensa que el sitio web dinámico no ha existido muy temprano? Al principio, sentí lo mismo: después de todo, escribir un script puede hacer que la página se mueva, pero la dinámica aquí no significa que pueda interactuar con el usuario. Puede pensar en la historia del front end antes, solo junte algunas plantillas de página y luego use js más algunas animaciones, sentirá que su sitio web es increíble. En ese momento, el sitio web era básicamente no interactivo, es decir, la página para que otros lo vieran, nada más.
A veces, una página perfecta en la que ha trabajado duro para depurar, cuando se envía a compañeros y amigos, la página también puede ser desordenada. Así es, esa es la era de la incompatibilidad, que volverá loco a todos los front-end, pero ahora es diferente. Muchos marcos te han ayudado a lograrlo, y hay pocos problemas de compatibilidad.
Modelo de desarrollo
Como no he experimentado un modelo mixto de desarrollo front-end y back-end, cuando comencé a aprender el front-end, vue y elementui ya estaban fuera, así que nací unos años más tarde con felicidad y dejé que la gente nos ayudara como grupo. Frente a la carretera.
Cuando busqué en Google la ingeniería de front-end, descubrí que el modo de inicio anterior era bastante confuso, y no había una lógica sólida. El modo de desarrollo aproximado es cortar la imagen, hacer la parte del diseño y escribir un guión (creo que todos conocen el software Dreamweaver, que se puede usar para el diseño web y la escritura de códigos front-end). Luego, la plantilla de la página se entrega al extremo posterior, los extremos frontal y posterior se mezclan y el acoplamiento es muy alto. Esta es realmente una situación en la que se mueve todo el cuerpo. Creo que todos conocen el famoso JSP. También aprendí esto cuando estaba en la universidad, lo cual es básicamente inútil (el curso se cancelará en la próxima sesión).
Más tarde, el backend no pudo soportarlo más. ¿Cuál es su material frontend?
Bueno, el front-end masticó este hueso con una mentalidad alucinante, entregó todas las cosas relacionadas con la página al front-end, y el back-end fue responsable de enviarme los datos. Este es el comienzo del sitio web dinámico mencionado anteriormente, gracias al nacimiento de Ajax. Desde entonces, el trabajo de front-end no necesitará cortar la imagen, y su trabajo se convertirá en cómo hacer plantillas, diseñar y embellecer la página.
03 Ingeniería de front-end
Después de que desarrollemos la página antes, el resto esperará a que el back end le brinde los datos. Pero su desarrollo front-end es rápido, pero la interfaz back-end no puede mantenerse al día, ¿qué puede hacer? El front end inteligente surgió con la cuestión de los "datos falsos", es decir, primero simulé los datos yo mismo, y su back end debe devolverme los datos en mi formato (un buen formato para comunicarse con el back end).
No, hay muchas herramientas para la simulación de datos, como easymock, etc. Todos pueden huir del control del back-end. Podemos desarrollar este proyecto sincrónicamente. Cada proceso está en un estado completo y entregable. Podemos demostrar este proceso a los clientes en cualquier momento sin esperar la interfaz del back-end. A primera vista, el equipo del proyecto hizo un buen trabajo en la parte delantera (promoción y aumento salarial). Pero esto está lejos del concepto de ingeniería: sabemos que el proyecto se puede dividir en cuatro partes: diseño, desarrollo, prueba y despliegue.
Diseño
El diseño aquí está diseñado principalmente por el gerente de producto y el diseño de la interfaz de usuario juntos para diseñar la visión del producto y las funciones a realizar. Lo más simple es diseñar las funciones requeridas por el usuario a través del diseño del producto y entregarlo al desarrollo.
El front end pasa principalmente la evaluación de la página del producto, principalmente para evaluar el ciclo de desarrollo y la dificultad del proyecto, y luego la elección de la pila de tecnología. El back-end diseñará la arquitectura del sistema, incluida la interfaz del sistema, el control de permisos, el rendimiento, el diseño mantenible y reutilizable. Básicamente, los diseños front-end y back-end tienen que ver con los tipos de tecnología.
Desarrollo
Luego se llevará a cabo el estado de desarrollo, de acuerdo con las necesidades de desarrollo. En esta etapa, debemos prestar atención al desarrollo de algunas funciones pequeñas y si pueden pasar todos los casos de prueba. No sé si ha oído hablar de la tecnología de desarrollo ágil. Este es un modelo eficiente para garantizar que cada parte de la función se pueda utilizar en el proceso de desarrollo. Su intención original era poder desarrollar iteraciones de manera eficiente y cambiar rápidamente las necesidades del usuario. El diseño modular y componente del front-end es la premisa para garantizar un desarrollo ágil.
Prueba
La función de la prueba es realizar una verificación a pequeña escala de la función en sí misma. En términos generales, habrá muchos casos de prueba. Solo después de pasar todos los casos de prueba puede pasar a la siguiente operación. La prueba está orientada directamente al usuario. En este momento, experimentaremos el producto desde la perspectiva del usuario y probaremos todas las operaciones posibles del usuario para ver si el servicio o los datos son normales. El ingeniero de front-end es la principal persona responsable. Por lo general, también puede incluir pruebas de estrés, etc., utilizadas para probar el rendimiento del producto, esta vez es la responsabilidad principal del back-end.
Implementar
El proceso de implementación es una parte muy importante. Si el trabajo preliminar no se realiza bien, puede encontrar muchos problemas después de que el proyecto se ponga en línea, lo que le dificultará localizar el problema y mantener el proyecto. El modelo de desarrollo con partes delantera y trasera separadas puede reducir efectivamente la aparición de fallas y puede localizar y resolver problemas rápidamente. De hecho, también se beneficia del proceso de pruebas unitarias y división de ingeniería de proyectos.
La implementación aquí puede implementar algunos archivos estáticos en un servidor estático o CDN, y colocar la interacción de datos en el servidor web para lograr una función similar de "separación de lectura y escritura", que puede maximizar el rendimiento.
En el proceso de desarrollo, puede utilizar el modelo de desarrollo con front-end y back-end separados. Este es un modelo independiente de la tecnología y es una consideración del pensamiento de ingeniería. Muchas entrevistas le pedirán que hable sobre la comprensión de la ingeniería front-end. De hecho, no es más que por qué hay ingeniería front-end, cómo hacerlo y cuáles son los beneficios. Básicamente, este es un tipo de pensamiento de ingeniería y tiene poco que ver con la tecnología. En general, existen las siguientes tres ventajas:
- Desarrollo paralelo, acortar el ciclo de desarrollo.
- Localice rápidamente problemas y resuelva problemas rápidamente
- La implementación se puede separar de forma dinámica y estática, lo que simplifica el proceso y mejora la solidez del programa.
04 Resumen
De hecho, encontré algunos libros que hablaban profundamente sobre el concepto de ingeniería front-end, como las herramientas de empaque y la integración continua del front-end. Por supuesto, esto también es una parte de la ingeniería de front-end. En resumen, su núcleo está "desacoplando", de modo que las venas enredadas anteriores se pueden reorganizar en un estado mantenible y reutilizable.
En resumen, la ingeniería front-end es simplificar el proceso de desarrollo y desarrollarlo en paralelo, sin afectarse entre sí y poder fusionar fácilmente todo el proyecto. El objetivo central es establecer un entorno de desarrollo y mejorar la eficiencia general del desarrollo.
