¿Cuáles son los marcos de interfaz de usuario html5 maduros y sus ventajas y desventajas?

1. Bootstrap

En primer lugar, hablemos de Bootstrap. Supongo que lo has adivinado, definitivamente serás el primero en decirlo o lo habrá. Definitivamente será esto (jejejeje), esto es correcto. Demuestra que es poderoso y tiene el impulso para enmarcar al país como un muro. Cuando entré por primera vez en el taoísmo, estaba decidido a derribar mi cuerpo y lisiarme cada vez que codificara cualquier palabra, para poder crecer. Como resultado, entré en Bootstrap bajo la tentación de varios amigos a mi alrededor. Aunque soy un talento de diseño + front-end, Dios solo me permitió usar PS y varias herramientas de diseño, pero no me dio la misma estética que las chicas de diseño. Así que esta es una de las razones por las que inicialmente elegí Bootstrap. Al menos puede verse bien frente a las chicas, pero después de mucho tiempo, Bootstrap inevitablemente se volverá molestamente hermoso, pero afortunadamente cambiará mucho en cada versión. El uso de Bootstrap es extremadamente simple (esto también puede ser el resultado de que el autor de Bootstrap leyó a innumerables personas y comprendió sus puntos débiles), por lo que es una interfaz pequeña que se puede usar rápidamente y casi sin costo de aprendizaje.

2. AUI

El tercero es AUI, que se ha vuelto popular recientemente. Aunque el autor afirma que se trata de un marco de interfaz de usuario especialmente diseñado para desarrolladores de APICloud, en realidad lo resuelve. Sigue siendo un problema común en muchos desarrollos front-end móviles, principalmente para el marco CSS de desarrollo híbrido. Parece que el autor es bastante desenfrenado y utiliza varios CSS3 avanzados en todas partes, lo que me obliga a comprobar la compatibilidad de estos CSS3. Efectivamente, elegí atributos con buena compatibilidad Jaja, estaba tan emocionado que reconocí audazmente algunas cosas buenas de mis predecesores. Además, el marco también proporcionó una interfaz de chat, una lista de inventario de componentes y resolvió muchos diseños que eran tan buenos. complicado que maldije. Ahora puedes tomarlo y usarlo.

3. Amaze UI

La segunda introducción es la interfaz de usuario hermana. La usé por primera vez porque mi padre conoció a una diseñadora a la que le encantaba enredarse con los detalles. Más realista, pero una oración vale diez mil oraciones, BOOS la citó, así que tuve que resolver el problema de acuerdo con sus ideas y finalmente encontré el marco Amaze UI (no me importa si me llamas vago), y finalmente Encontré el marco Amaze UI. Según el comunicado oficial, se trata de "un marco front-end multipantalla basado en proyectos comunitarios de código abierto, con prioridad móvil, desde pantallas pequeñas hasta pantallas grandes, y, en última instancia, adaptación a pantalla completa para adaptarse a la tendencia de Internet móvil. " Pero, de hecho, me parece que puede resolver los problemas de compatibilidad y adaptación entre pantallas de los navegadores nacionales.

4. UI congelada

Por un tiempo, vi que QQ era instantáneamente superior. Más tarde, cuando pregunté al respecto, descubrí que el servicio al cliente de QQ también utiliza el desarrollo híbrido. y el front-end del miembro de QQ usa Frozen UI, y este marco es de código abierto. Estaba extasiado pero no podía contener la soledad en mi corazón, así que lo probé directamente. La primera experiencia se sintió bien, el estilo básico es simple. colores y tonos, y hay una comunidad relativamente activa, etc. La comunidad es relativamente activa, por lo que hay muchos componentes.

5. UI congelada

La tercera es UI congelada. Por un tiempo, vi que QQ instantáneamente se hizo más alto. Más tarde, cuando pregunté al respecto, encontré a ese cliente de QQ. El servicio también se desarrolló usando HTML, entre los cuales el front-end de los miembros de QQ usa Frozen UI, y este marco es de código abierto. Me alegré mucho, pero no pude soportar la soledad. Lo probé tres veces, cinco veces, cinco veces. y dos veces, y comencé a probarlo después de probar por primera vez los beneficios. La primera experiencia es que el estilo y el efecto básicos son simples y coloridos, y hay una comunidad relativamente activa, por lo que los componentes son relativamente ricos.

6. WeUIi

El cuarto es WeUI, que es similar a FrozenUI. También es un marco más profesional. Cabe decir que WeUI es más profesional que el FrozenUI anterior. , lo que significa que ni siquiera el sitio web oficial puede manejarlo. Todas las preguntas y respuestas se resuelven en gitHub. El marco es extremadamente simple y, por supuesto, el volumen del módulo también es muy simple. web2.0 también es muy simple. El volumen de web2.0 también es muy pequeño. El volumen de web2.0 también es muy simple. El volumen de web2.0 también es muy simple. También es muy simple, el volumen de web2.0 también es muy simple. Por supuesto, no hace falta decir que solo hay alrededor de 7 módulos, aunque son pequeños, están bien hechos y tienen buena reputación. Desde que se lanzó el marco el 16/1/23, la calificación de estrellas de github ha superado los 7K. Los usuarios no están excluidos. No tenía dónde desahogar mi enojo, así que fui a git, jaja.

7. SUI

"SUI es un conjunto de bibliotecas de componentes front-end basadas en desarrollo guiado. También es un conjunto de especificaciones de diseño. A través de SUI, puede diseñar e implementar Es muy fácil Hermosa página Efectivamente, solo cite el aburrido anuncio oficial para salvar sus células cerebrales (囧... Por supuesto, como dice el anuncio, si ha usado Bootstrap, puede cambiar fácilmente a SUI. ser un beneficio que Taobao brinda a los perdedores del front-end

8. AUI

El sexto es AUI que se acaba de lanzar, aunque el autor afirma que es un conjunto. Especialmente para desarrolladores de APICloud, es un marco de interfaz de usuario diseñado, pero de hecho resuelve muchos problemas comunes del desarrollo front-end móvil, es decir, está diseñado principalmente para el desarrollo híbrido de marcos CSS. El autor parece ser bastante desenfrenado. Se utilizan varios CSS3 avanzados en todas partes, lo que también me facilita su uso. El autor tuvo que verificar la compatibilidad de estos CSS3. Me aseguré de elegir propiedades con buena compatibilidad. Jaja, cuando estaba emocionado, reconocí audazmente. Algunas cosas buenas de mis predecesores, y el marco también proporcionaba grupos como interfaces de chat y listas de conteo. Resolvió muchos diseños complejos que me hicieron maldecir y ahora puedo tomarlo y usarlo.

9. MUI

Solía ​​usar el sistema Android, pero luego lo vi me pasé decididamente a IOS, no sé por qué me gusta tanto cada vez que Apple ajusta el sistema. Más tarde, durante un tiempo, debido a que carecía de sentido del diseño, me especialicé en imitar el sistema IOS para crear UI, pero no pude hacerlo bien y accidentalmente descubrí MUI Framework, lo que me atrae de este marco. Lo que me atrae de este marco es que su interfaz de usuario está diseñada principalmente con IOS y, por supuesto, también complementa el estilo de interfaz de usuario único de Android. Además, MUI afirma oficialmente que se puede utilizar para un desarrollo en profundidad. Después de descubrir que la aplicación desarrollada con él también puede mejorar la fluidez del usuario, intente comprenderla y utilizarla más profundamente por un tiempo. 10. Semantic UI

El penúltimo es Semantic UI. Entré en contacto con este marco debido a Bootstrap. Tan pronto como se lanzó Semantic UI en github, atrajo la atención de una gran cantidad de personas. Mucha gente lo usa para criticar y elogiar. Es realmente algo bueno, pero no pueden simplemente levantar el dedo y comenzar a elogiarlo basándose en las tres o cuatro oraciones de otra persona. Después de usarlo, siento que la interfaz de usuario. No es muy diferente de Bootstrap. Hay una gran diferencia, pero la convención de nomenclatura del código es muy diferente. Creo que la interfaz de usuario semántica no es algo que se pueda hacer de manera diferente si así lo desea. La discreción de los nombres de las clases es particularmente fuerte cuando usa Tenga mucho cuidado de que los nombres de las nuevas clases que extienda o agregue entren en conflicto con sus nombres de clase. En la industria de los marcos, se dice que los marcos desaparecieron temprano, y esto es cierto. Los marcos siguen siendo muy populares hoy en día. Si está más preocupado por las cosas vergonzosas que enfrenta el desarrollo de Bootstrap, entonces puede considerar usar Foundation.

Incluso si utiliza elementos de interfaz de usuario predefinidos, no tendrá mucho en común con otros sitios web, ya que los funcionarios dicen que quieren brindar a los desarrolladores una experiencia de marco más flexible.

UiKit

UIkit es desarrollado por el equipo de YOOtheme y se utiliza en muchos temas de WordPress (es decir, si eres un entusiasta de WordPress, entonces este marco debería ser más adecuado para in- estudio en profundidad), el marco es capaz de editar a través de un editor GUI y edición manual, proporcionando así un mecanismo de personalización flexible y potente. El marco tiene las características únicas de los proyectos de código abierto LESS, jQuery, normalize.css y FontAwesome integrados en un marco frontal modular y liviano.

Puramente

El último es el siguiente: (￣▽￣)~). Este marco es con el que entré en contacto cuando trabajaba en un sistema de gestión que elegí usar. Esto se debe a que el marco es relativamente pequeño y es CSS puro sin demasiada participación, por lo que se puede utilizar rápidamente con otros marcos.