¿Qué papel juega vuejs en el desarrollo front-end?

Las muchas limitaciones de jQuery han provocado muchas restricciones en el desarrollo de los ingenieros de front-end. Solo pueden realizar un trabajo superficial y no pueden lograr un desarrollo separado de front-end y back-end.

La reciente aparición de Vue ha traído posibilidades y cambios ilimitados al front-end.

Cambio 1: Ingeniero de front-end en el verdadero sentido

Anteriormente, el front-end se usaba para crear páginas estáticas y las páginas se entregaban a los programadores de back-end para que las usaran. cambie a jsp, php, asp, etc. Después de realizar cambios aleatorios y rellenar variables, el estilo de la página será un desastre y finalmente ajustará el CSS. Para decirlo sin rodeos, siempre que conozca HTML y CSS, básicamente no existe un umbral, por así decirlo.

Con la ingeniería de front-end de Vue y Node, los ingenieros de front-end pueden hacer cada vez más cosas. El personal de back-end solo necesita agregar una API y el resto se puede entregar al personal de back-end. Interfaz.

Cambio 2: renderizado del lado del servidor versus renderizado del lado del cliente

Ya sea el renderizado tradicional jsp, php o de plantilla, todos son renderizados del lado del servidor, lo que significa que el cliente realiza una La solicitud y el servidor le devuelven directamente la página completa, simple y tosca. (Spring Boot es un trabajo de renderizado completado por el servidor a través de un motor de plantilla)

Sin embargo, el desarrollo de vue es un desarrollo separado del front-end y el back-end. Interactúa a través de la API. devuelve datos json, que son renderizados por el cliente.

No sólo reduce la presión sobre el servidor, sino que es más rápido y elegante, y el código es más fácil de mantener.

Cambio 3: representación elegante, fácil mantenimiento del código

jQuery controla los datos a través de DOM, lo cual no solo es engorroso sino también particularmente problemático para representar datos, mientras que Vue controla el estado a través de los datos, a través de control Los datos se utilizan para controlar la representación. Las variables se pueden escribir directamente en etiquetas, lo que hace que la representación sea más elegante.

Debido a que el código front-end y el código back-end están separados, el proyecto es más fácil de mantener y la eficiencia del desarrollo es mayor.

Cambio 4: ingeniería de proyectos, combinada con npm para instalar directamente bibliotecas de terceros.

Vue hace que los proyectos front-end sean más ingenieros y también estandariza el código de los ingenieros front-end. mientras que node y npm unirse es una razón importante por la que vue puede prosperar.

Node proporciona ideas de desarrollo modular y de servidor local para Vue. Puede instalar los módulos requeridos por el proyecto Vue y usarlos con Vue, como Moment.js Element ui vuex, etc. permitir que Vue tenga infinitas posibilidades.

Toca la pizarra (complementario): el desarrollo tradicional de jQuery es una programación imperativa, mientras que el desarrollo del marco moderno es una programación funcional. Para el desarrollo de marcos modernos, puede usar Webpack (por supuesto, puede usar jQuery o Webpack), o puede usar andamios ya preparados proporcionados por otros, como create-react-app, vue-cli. Mejora enormemente la eficiencia del desarrollo y puede utilizar la última sintaxis de ES6 y ES7 para el desarrollo, lo que mejora la experiencia de codificación a un nivel superior.

Resumen

Sepa qué está sucediendo y por qué. ¡No existe el mejor marco, solo el más apropiado!