¿Cuáles son los marcos comúnmente utilizados en el front-end?
Los tres marcos front-end principales son Angular, React y Vue. Estos tres marcos son ahora los marcos más populares y utilizados.
React:
1. Diseño declarativo: React adopta un paradigma declarativo, que puede describir aplicaciones fácilmente.
2. Eficiente: React minimiza la interacción con el DOM simulando el DOM.
3. Flexible: React funciona bien con bibliotecas o frameworks conocidos.
Ventajas:
1. Velocidad rápida: durante el proceso de renderizado de la interfaz de usuario, React implementa actualizaciones parciales del DOM real a través de microoperaciones en el DOM virtual.
2. Compatibilidad entre navegadores: Virtual DOM nos ayuda a resolver problemas entre navegadores. Nos proporciona una API estandarizada, que no es un problema incluso en IE8.
3. Modularización: escriba componentes de interfaz de usuario modulares independientes para su programa, de modo que cuando haya un problema con uno o algunos componentes, pueda aislarlo fácilmente.
4. Flujo de datos unidireccional: Flux es una arquitectura para crear una capa de datos unidireccional en aplicaciones JavaScript. 5. JavaScript isomorfo y puro: porque los rastreadores de los motores de búsqueda dependen de la capacidad de respuesta del servidor en lugar de la ejecución de JavaScript. , renderizar previamente tu aplicación ayuda con el SEO. 6. Buena compatibilidad: por ejemplo, RequireJS se utiliza para cargar y empaquetar, mientras que Browserify y Webpack son adecuados para crear aplicaciones grandes. Hacen que esas difíciles tareas sean menos desalentadoras. Desventajas: React en sí es solo una V, no un marco completo, por lo que si desea un marco completo para un proyecto grande, básicamente necesita agregar ReactRouter y Flux para escribir aplicaciones grandes.
Vue:
Vue es una biblioteca escrita por You Yuxi para construir una interfaz web basada en datos. Para ser precisos, no es un marco. Se centra en la V (vista). ver capa.
Tiene las siguientes características:
1. Marco liviano
2. Enlace de datos bidireccional
3. p>
4. Complemento
Ventajas:
1. Simplicidad: la documentación oficial es muy clara y más fácil de aprender que Angular.
2. Rápido: actualice DOM en procesamiento por lotes asíncrono.
3. Composición: Componga su aplicación con componentes desacoplados y reutilizables.
4. Compacto: ~18kbmin gzip y sin dependencias.
5. Potente: las expresiones no necesitan declarar propiedades deducibles dependientes (propiedades calculadas).
6. Compatible con módulos: se puede instalar a través de NPM, Bower o Duo. No obliga a todo el código a seguir las diversas regulaciones de Angular y los escenarios de uso son más flexibles.
Desventajas:
1. Recién nacido: Vue.js es un proyecto nuevo y no es tan maduro como angular.
2. El impacto no es muy grande: lo busqué en Google y descubrí que la diversidad o riqueza de Vue.js es menor que la de otras bibliotecas famosas.
3. IE8 no es compatible.
Angular:
Angular es un excelente marco JS front-end que se ha utilizado en muchos productos de Google.
Tiene las siguientes características:
1. Buena estructura de aplicación
2. Enlace de datos bidireccional
3. /p>
4. Plantilla HTML
5. Puede incrustarse, inyectarse y probarse
Ventajas:
1. en funciones y se puede personalizar automáticamente. Viene con instrucciones angulares extremadamente ricas.
2. Es un marco front-end relativamente completo, que incluye servicios, plantillas, enlace de datos bidireccional, modularización, enrutamiento, filtros, inyección de dependencias y otras funciones. 3. Instrucciones personalizadas, instrucciones personalizadas; se puede utilizar varias veces en el proyecto.
La modularidad 4.ng introduce audazmente algunas cosas de Java (inyección de dependencia), lo que facilita la escritura de código reutilizable, lo cual es muy útil para los equipos de desarrollo ágiles.
5.angularjs es desarrollado por el gigante de Internet Google, lo que también significa que tiene una base sólida y apoyo de la comunidad.
Desventajas:
1. Es fácil comenzar con Angular, pero hay muchos conceptos cuando se profundiza y es difícil de entender durante el aprendizaje.
2. Hay muy pocos ejemplos en la documentación. La documentación oficial básicamente solo habla de API y no hay un solo ejemplo. En muchos casos, el uso específico proviene de Google o pregunta directamente. Misko, el autor de Angular.
3. La compatibilidad con IE6/7 no es particularmente buena, pero puedes usar jQuery para escribir tu propio código para resolver algunos problemas.
4. Hay algunos tutoriales de mejores prácticas para la aplicación de instrucciones. Angular es en realidad muy flexible. Si no sigue los principios de uso de algunos autores, es fácil escribir códigos diferentes. , js todavía tiene ideas como jQuery. Muchas operaciones dom.
5. La inyección de dependencia DI requiere una declaración explícita si se comprime el código.