¿Cuáles son los marcos de trabajo de código abierto de front-end web?
Algunos de los frameworks front-end de código abierto comúnmente utilizados son los siguientes:
1. Bootstrap
Boostrap es definitivamente el framework más popular y ampliamente utilizado en presente. Es un conjunto de herramientas de diseño web hermoso, intuitivo y potente que se puede utilizar para desarrollar páginas hermosas y compatibles con todos los navegadores. Proporciona muchos componentes de interfaz de usuario populares con estilos simples, sistemas de cuadrícula y algunos complementos de JavaScript de uso común.
Bootstrap está escrito en el lenguaje dinámico LESS e incluye principalmente cuatro partes:
Andamiaje: estilo global, sistema de diseño de cuadrícula responsivo de 12 columnas. Recuerde que Bootstrap no incluye capacidades de diseño responsivo de forma predeterminada. Por lo tanto, si su diseño requiere un diseño responsivo, debe habilitar esta función manualmente.
CSS básico: incluye elementos básicos de página HTML, como tablas, formularios, botones e imágenes. El CSS básico proporciona elegancia y coherencia a estos elementos de varios estilos.
Componentes: una colección de una gran cantidad de componentes reutilizables, como menús desplegables, grupos de botones, control de navegación, que incluyen: pestañas, píldoras, etiquetas de listas, pan rallado y paginación, miniaturas, barras de progreso, objetos multimedia. , etc.
JavaScript: incluye una serie de complementos de jQuery que pueden lograr efectos de página dinámicos de los componentes. Los complementos incluyen principalmente modales, información sobre herramientas, ventanas emergentes, desplazamiento, carrusel, escritura anticipada, etc.
Bootstrap es lo suficientemente potente como para implementar varias formas de interfaces web. Para que el desarrollo con Bootstrap sea más conveniente, se pueden utilizar muchas herramientas y recursos juntos. Algunos de ellos se enumeran a continuación.
jQuery UI Bootstrap: este es un gran recurso para los entusiastas de jQuery y Bootstrap que pueden introducir los componentes limpios de la interfaz de Bootstrap en jQuery UI.
Tema jQuery Mobile Bootstrap: similar al tema jQuery UI mencionado anteriormente, este es un tema creado para jQuery mobile. Si desea que el sitio web desarrollado con Bootstrap sea elegantemente accesible desde teléfonos móviles, entonces este recurso es muy conveniente y fácil de usar.
Fuel UX: agrega algunos controles de JavaScript livianos a Bootstrap. Fuel UI es fácil de instalar, modificar, actualizar y optimizar.
StyleBootstrap.info: Bootstrap proporciona varios estilos de interfaz propios. StyleBootstrap proporciona más opciones de combinación de colores y puede aplicar diferentes colores a cada componente.
BootSwatchr: utilice esta herramienta para ver instantáneamente los efectos de los temas modificados. Para cada cambio, esta aplicación generará una URL única para que la compartas con otros y también podrás modificar tu tema en cualquier momento.
Bootswatch: proporciona una gran cantidad de temas Bootstrap gratuitos.
Bootsnipp: una herramienta de producción de componentes interactivos de framework front-end en línea, es un elemento gratuito basado en la arquitectura Bootstrap HTML/CSS/JavaScript para diseñadores y desarrolladores.
LayoutIt: cree código de interfaz de usuario basado en Bootstrap de forma rápida y sencilla a través del generador de interfaz de arrastrar y soltar. Agregue componentes estilo Bootstrap a su diseño personal mediante acciones de arrastrar y soltar y modifique fácilmente sus propiedades, lo cual es simple y conveniente.
2. flex
La Fundación Apache lanzó la versión 4.8 de Flex, que es la primera versión lanzada después de que Adobe donara Flex a la Fundación Apache
Debería ser señaló que
El 10 de marzo de 2014, la comunidad técnica de Apache Flex lanzó una nueva versión de Apache Flex 4.12.0, que es una versión mejorada de Apache Flex 4.11.0. Las características mejoradas incluyen:
◆Soporta la última versión de Flash Player
◆Soporta el último tiempo de ejecución de AIR
◆Uso de memoria y rendimiento mejorados
◆ Se mejoró el estilo de componentes para plataformas móviles
◆Soporta sistema iOS7
◆Se corrigieron más de 80 vulnerabilidades [4]
10 de mayo de 2014, Apache optimizado y mejorado versión 4.12 .0 y lanzó Flex 4.12.1. La nueva versión agrega soporte para el nuevo Flash Player y Air runtime, mejora el soporte para consultas de medios móviles y corrige más de 20 errores.
3. easyui
easyui te ayuda a crear tu aplicación web más fácilmente.
Es un marco de interfaz de usuario liviano desarrollado en base al complemento jquery, que es muy pequeño y rico en funciones.
Pero su mayor problema es que el código solo se puede encontrar en la versión anterior de código abierto. Después de 1.2, el código fuente de la versión se ha ofuscado. Si encuentra problemas, será muy problemático. ¡modificar! Pero una gran ventaja es que es de código abierto y gratuito, ¡y la interfaz es decente!
4. jQuery UI
jQuery UI es un conjunto de complementos de interfaz de usuario de página jQuery, que incluye muchos espacios de página de uso común, como pestañas (como la esquina superior derecha de la página). página de inicio de este sitio), efecto de cortina (esquina superior izquierda de la página de inicio de este sitio), cuadro de diálogo, efecto de arrastrar y soltar, selección de fecha, selección de color, clasificación de datos, ajuste del tamaño del formulario, etc.
Las funciones son muy completas y la interfaz es bastante bonita. Puedes usarlo como un todo o usar varios módulos por separado. ¡Es gratuito y de código abierto!
5. DWZ
El marco de cliente enriquecido DWZ (marco jQuery RIA) es un marco de código abierto Ajax RIA basado en jQuery desarrollado por los chinos.
El diseño El objetivo es ser simple y práctico, desarrollarse rápidamente y reducir los costos de desarrollo de Ajax.
Agradecemos sus sugerencias y ajustaremos y mejoraremos aún más las funciones en la próxima versión. ***Juntos, promovemos el nivel general de desarrollo de Ajax en China.
Después de todo, está hecho en China, es compatible y el código fuente está completamente abierto, ¡así que puedes elegirlo! ¡Pero no estoy seguro del rendimiento!
6. GWT
Google Web Toolkit: GWT proporciona un conjunto de kits de desarrollo basados en el lenguaje Java. El diseño de este kit de desarrollo se refiere al diseño del paquete Java AWT y a las reglas de nomenclatura de clases. El diseño de la interfaz, el monitoreo de eventos, etc. son muy similares a AWT. Los desarrolladores que están familiarizados con Java AWT pueden comprender rápidamente el conjunto de herramientas de desarrollo de GWT sin gastar mucho esfuerzo y dedicar más tiempo al proceso de desarrollo de aplicaciones GWT.
No es necesario que comprenda este o aquel tipo de marco de JavaScript. A través de Java, puede escribir una interfaz rica en funciones y realizar pruebas unitarias. Después de todo, es un producto de Google. ¡en serio!
7.YUI
Yahoo! UI Library (YUI) es una biblioteca de funciones de JavaScript de código abierto para crear una página web altamente interactiva, utiliza AJAX, DHTML y DOM. otras tecnologías de codificación. También contiene muchos recursos CSS. La licencia es BSD, ¡básicamente no se ha realizado ninguna investigación!
YUI Compressor es bastante famoso. ¡No sé cómo va la aplicación de esta biblioteca de UI!
10. Sencha
Sencha es un nuevo proyecto formado por la fusión de los proyectos ExtJS, jQTouch y Raphael.
¡Vale la pena recomendar el marco de una gran empresa y una poderosa combinación de varias bibliotecas!
8. Dojo
Parece que no está muy utilizado en China, pero no debería haber ningún problema en cuanto a rendimiento.
Dojo es un kit de herramientas DHTML de código abierto implementado en lenguaje javascript.
Cuenta con el respaldo de múltiples fundaciones, incluidas IBM y SUN, ¡ambas líderes en la industria del software y confiables!
9. ZK
ZK es un marco de desarrollo de aplicaciones web basado en AJAX/XUL/Java, que se utiliza para enriquecer la interfaz de usuario de las aplicaciones web. El mayor beneficio es que diseñar aplicaciones web AJAX es tan fácil y sencillo como diseñar programas de escritorio. ZK incluye un motor altamente interactivo basado en eventos, basado en AJAX, y también proporciona una variedad de componentes XUL y HTML ricos y reutilizables, así como un lenguaje de diseño de interfaz basado en XML, ZK User-interfaces Markup Language (ZUML).
Tiene muchas funciones, es completo, tiene documentación completa y se ha actualizado muchas veces. ¡Es muy recomendable!
10. OperaMasks-UI
OperaMasks-UI es una biblioteca de componentes JS front-end liviana creada por el equipo de OperaMasks en la segunda mitad de 2011, con el objetivo de proporcionar un bajo aprendizaje. curva, personalizada Es una biblioteca de componentes de interfaz de usuario de JavaScript front-end que es de naturaleza flexible, de estilo unificado, compatible con múltiples navegadores y cubre escenarios comerciales empresariales. Actualmente, el equipo ha abierto este producto a la comunidad bajo la licencia de código abierto LGPL.
Tiene documentación rica, funciones completas y es fácil de usar y desarrollar. ¡Y está hecho en China!
11. JavaFX
Sun Corporation (adquirida por Oracle en 2009) lanzó la versión oficial de la tecnología JavaFX el 5 de diciembre de 2008, que le permite utilizar el lenguaje de programación JavaFX para desarrollar Rich. Aplicaciones de Internet (RIA). El lenguaje de programación JavaFX Script (en adelante, JavaFX) es un lenguaje de programación declarativo, de tipo estático (declarativo, de tipo estático) desarrollado por Sun Microsystems. La tecnología JavaFX tiene buenas perspectivas, incluida la capacidad de llamar directamente a las API de Java. Debido a que JavaFX Script tiene tipos estáticos, también tiene código estructurado, reutilización y encapsulación, como paquetes, clases, herencia y unidades de compilación y lanzamiento separadas. Estas características hacen posible crear y administrar programas grandes utilizando tecnología Java.