¿Qué marco de interfaz web se utiliza más en las ciudades de primer nivel?
Actualmente, los tres principales frameworks front-end son React, Vue y Angular.
React se originó a partir del proyecto interno de Facebook para construir el sitio web de Instagram y fue de código abierto en mayo de 2013.
React tiene un alto rendimiento y una lógica de código muy simple, y cada vez más personas le prestan atención y lo utilizan. Tiene las siguientes características:
1. Diseño declarativo: React utiliza un paradigma declarativo que facilita la descripción de aplicaciones.
2. Eficiente: Al simular el DOM, React minimiza la interacción con el DOM.
3. Flexible:
3. Flexible: React se puede utilizar con bibliotecas o frameworks conocidos.
Ventajas:
1. Rápido: durante el renderizado de la interfaz de usuario, React implementa actualizaciones localizadas en el DOM real mediante la realización de microoperaciones en el DOM virtual.
2. Compatibilidad entre navegadores: Virtual DOM nos ayuda a resolver problemas entre navegadores proporcionándonos una API estandarizada que puede ejecutarse correctamente incluso en IE8.
3. Modularidad: escriba componentes de interfaz de usuario modulares independientes para su programa de modo que cuando ocurra 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. Es un concepto propuesto por Facebook al desarrollar la biblioteca de vistas React.
5. JavaScript puro isomorfo: dado que los rastreadores de los motores de búsqueda dependen de las respuestas del lado del servidor en lugar de la ejecución de JavaScript, las aplicaciones prerenderizadas ayudan con el SEO.
6. Buena compatibilidad: por ejemplo, utilice RequireJS para cargar y empaquetar, mientras que Browserify y Webpack son adecuados para crear aplicaciones grandes. Hacen que esas tareas desalentadoras sean menos desalentadoras.
Desventajas:
React en sí es solo una V, no un marco completo, por lo que si desea un conjunto completo de marcos de proyectos a gran escala, básicamente necesita agregar ReactRouter y Flux. Escribir aplicaciones grandes.
Vue es una biblioteca escrita por YouYuxi para crear interfaces web basadas en datos. Para ser precisos, no es un marco, se centra en la capa de vista V (vista).
Tiene las siguientes características:
1. Marco liviano
2. Enlace de datos bidireccional
3. p> 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: Actualización por lotes asincrónica de DOM.
3. Composición: componga aplicaciones utilizando componentes desacoplados y reutilizables.
4. Compacto: ~18kb min gzip y sin dependencias.
5. Potente: las expresiones tienen propiedades calculadas y no es necesario declarar dependencias.
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 reglas de Angular y es más flexible en términos de escenarios de uso.
Desventajas:
1. Recién nacido: Vue.js es un proyecto nuevo y no tan maduro como Angular.
2. Poca influencia: si lo busca en Google, Vue.js no es tan diverso ni tan rico como otras bibliotecas conocidas.
3. No es compatible con IE8
Angular es un excelente marco JS de interfaz de usuario que se ha utilizado en varios productos de Google.
Tiene las siguientes características:
1. Integrable, inyectable y comprobable
Ventajas:
1. con un conjunto extremadamente rico de instrucciones angulares.
2. Es un marco front-end relativamente completo, que incluye servicios, plantillas, enlace de datos bidireccional, modularización, enrutamiento, filtros, inyección de dependencia y otras funciones. Las instrucciones personalizadas se pueden utilizar varias veces en el proyecto.
4. ng modularity 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 fue 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. Angular es fácil de usar, pero hay muchos conceptos que son difíciles de entender.
2. Hay muy pocos ejemplos de documentación. La documentación oficial básicamente solo habla de la API y ni un solo ejemplo. En muchos casos, debes buscar en Google cómo usarla o preguntarle directamente a Misko. autor de Angular.
3. La compatibilidad de IE6/7 no es particularmente buena, lo que significa que puedes usar jQuery para resolver algunos códigos escritos a mano.
4. Hay muy pocos tutoriales sobre las mejores prácticas para aplicar instrucciones, y Angular es realmente muy flexible. Si no sigues algunos de los principios del autor, es fácil escribir código diferente. De otras cosas, como en js. Hay muchas operaciones DOM, al igual que las ideas de jQuery.
5.Inyección de dependencia DI Si la compresión de código requiere una declaración explícita.
5.