El Yahoo! La biblioteca de interfaz de usuario ( YUI ) es una biblioteca de JavaScript de código abierto descontinuada para crear aplicaciones web ricamente interactivas utilizando técnicas como Ajax , DHTML y scripts DOM . YUI incluye varios recursos CSS básicos . Está disponible bajo una licencia BSD . [3] El desarrollo de YUI comenzó en 2005 y Yahoo! propiedades como My Yahoo! y Yahoo! La portada comenzó a usar YUI en el verano de ese año. YUI fue lanzado para uso público en febrero de 2006. [1] Fue desarrollado activamente por un equipo central de Yahoo! ingenieros.
Desarrollador (es) | Yahoo! |
---|---|
Versión inicial | 13 de febrero de 2006 [1] |
Lanzamiento final | 3.18.1 / 22 de octubre de 2014 [2] |
Repositorio | |
Escrito en | JavaScript |
Sistema operativo | Multiplataforma ( JavaScript ) |
Tipo | Biblioteca de JavaScript |
Licencia | Licencia BSD |
Sitio web | yuilibrary |
En septiembre de 2009, Yahoo! lanzó YUI 3, una nueva versión de YUI reconstruida desde cero para modernizar la biblioteca e incorporar lecciones aprendidas de YUI 2. Entre las mejoras se encuentran un motor impulsado por selectores CSS , como jQuery , para recuperar elementos DOM , un mayor énfasis en la granularidad de módulos, un archivo semilla más pequeño que carga otros módulos cuando es necesario, y una variedad de cambios sintácticos destinados a hacer que la escritura de código sea más rápida y sencilla. [4]
El proyecto de la biblioteca YUI en Yahoo! fue fundada por Thomas Sha y patrocinada internamente por Yahoo! el cofundador Jerry Yang ; sus arquitectos principales han sido Sha, Adam Moore y Matt Sweeney. Los desarrolladores de la biblioteca mantienen el YUIBlog; la comunidad de YUI discute la biblioteca y las implementaciones en su foro comunitario.
El 29 de agosto de 2014, se anunció que el desarrollo activo de YUI por Yahoo! terminaría, citando la evolución de los estándares de JavaScript, la disminución constante del interés de los desarrolladores en las grandes bibliotecas de JavaScript y la proliferación de soluciones del lado del servidor. El desarrollo futuro se limitará a las versiones de mantenimiento que aborden problemas que son "absolutamente críticos para las propiedades de Yahoo". [5]
Características
La Biblioteca YUI está completamente documentada en su sitio web; La documentación detallada de la API acompaña a la descarga de la biblioteca. Tiene seis tipos de componentes: núcleo YUI, utilidades, controles de interfaz de usuario, componentes CSS, herramientas de desarrollo y herramientas de compilación.
Centro
El YUI Core es un conjunto ligero (31 KB minificado) de herramientas para la gestión de eventos y la manipulación de DOM.
- Objeto global de YUI
- El objeto global de YUI contiene utilidades de lenguaje, un cargador de scripts y otra infraestructura básica para YUI.
- Colección Dom
- Ayuda con las tareas habituales de creación de scripts DOM , incluido el posicionamiento de elementos y la gestión de estilos CSS .
- Utilidad de eventos
- Proporciona a los desarrolladores un acceso fácil y seguro a los eventos del navegador (como clics del mouse y pulsaciones de teclas). También proporciona el objeto Evento personalizado para publicar y suscribirse a eventos personalizados.
Utilidades
- Animación
- Ayuda a crear "efectos" animando la posición, el tamaño, la opacidad u otras características de los elementos de la página.
- Administrador del historial del navegador
- Ayuda a las aplicaciones web a utilizar el botón de retroceso del navegador y la función de marcadores.
- Administrador de conexiones
- Ayuda a administrar las transacciones XMLHttpRequest en varios navegadores . Tiene soporte integrado para publicaciones de formularios , manejo de errores , devoluciones de llamada y carga de archivos.
- Galleta
- Le permite administrar las cookies y subcookies del navegador a través de una API simple.
- Fuente de datos
- Proporciona una interfaz configurable común para que otros componentes interactúen con diferentes tipos de datos, desde simples matrices de JavaScript hasta servidores en línea a través de XHR.
- Arrastrar y soltar
- La utilidad de arrastrar y soltar de YUI hace que sea fácil hacer que los elementos sean " arrastrables " y crear destinos de colocación que respondan a los eventos de arrastre.
- Elemento
- Proporciona un contenedor para elementos HTML en el DOM y simplifica las tareas comunes, como agregar oyentes, manipular el DOM y establecer y obtener atributos.
- Obtener
- Get Utility admite la carga asincrónica de datos y scripts a través de nodos de script y la carga dinámica de archivos CSS externos.
- ImageLoader
- ImageLoader de YUI le permite diferir la carga de imágenes que no son visibles en la ventana gráfica en el momento en que se carga la página. Esto puede resultar en grandes aumentos de rendimiento.
- JSON
- La utilidad JSON proporciona métodos para la validación de datos JSON entrantes para verificar que sean seguros y métodos para convertir datos JavaScript en una cadena con formato JSON. Estos métodos se basan en el trabajo de Douglas Crockford en JSON.org.
- Redimensionar
- Le permite cambiar el tamaño de cualquier elemento HTML a nivel de bloque.
- Selector
- La utilidad de selección YUI le permite obtener referencias a elementos HTML a través de la sintaxis del selector CSS3.
- Cargador YUI
- YUI Loader es un motor de carga del lado del cliente que puede cargar dinámicamente cualquier componente YUI (y dependencias) sobre la marcha.
Control S
- Autocompletar
- Proporciona la función de autocompletar (listas de sugerencias y funcionalidad de escritura anticipada) para las interacciones del usuario que involucran la entrada de texto. Admite una variedad de formatos de fuente de datos. También admite fuentes de datos del lado del servidor a través de XMLHttpRequest.
- Botón
- Permite la creación de botones gráficos enriquecidos que funcionan como botones de formulario HTML tradicionales.
- Calendario
- Un control gráfico y dinámico que se utiliza para la selección de fechas.
- Gráficos
- El control de gráficos recupera datos a través de la utilidad DataSource y muestra los datos en una variedad de formatos de gráficos comunes (línea, barra, circular, etc.).
- Selector de color
- Color Picker Control proporciona una rica interfaz visual para la selección de colores.
- Envase
- Admite una variedad de patrones de ventanas DHTML, incluidos Tooltip , Panel, Dialog, SimpleDialog, Module y Overlay.
- Tabla de datos
- API simple pero potente para mostrar datos tabulares accesibles al lector de pantalla en una página web. Las características notables incluyen columnas ordenables, paginación, desplazamiento, selección de filas, columnas redimensionables y edición en línea.
- ImageCropper
- ImageCropper proporciona la interfaz de usuario y elementos interactivos para un recortador de imágenes del lado del cliente.
- Administrador de diseño
- Le permite crear diseños de píxeles perfectos para todos los navegadores con poco esfuerzo al proporcionar un diseño fijo que contiene unidades de diseño superior, inferior, izquierda, derecha y central.
- Menú
- Proporciona una API sencilla para crear menús desplegables , barras de menús y menús contextuales.
- Editor de texto enriquecido
- El editor de texto enriquecido de YUI es un sofisticado procesador de texto del lado del cliente que es modular y altamente configurable, adecuado para cualquier situación de entrada de texto abierta.
- Deslizador
- Proporciona un elemento deslizante genérico que permite al usuario elegir dentro de un rango finito de valores en uno o dos ejes.
- TabView
- Proporciona vistas navegables de contenido con pestañas; admite la carga dinámica de contenido de pestañas a través de XMLHttpRequest.
- Vista de árbol
- Produce un árbol de contenido cuyos nodos se pueden expandir y contraer.
- Cargador
- Permite la carga de archivos de varios archivos con comentarios sobre el progreso de la carga.
Recursos CSS
- Base CSS
- Utilice Base after Reset para proporcionar un reemplazo coherente entre navegadores para las reglas CSS estándar del navegador a las que están acostumbrados los desarrolladores web.
- Cuadrículas CSS
- Siete wireframes de página básicos con componentes de subsección para admitir más de 1000 diseños de página diferentes.
- Fuentes CSS
- Familias de fuentes estandarizadas entre navegadores y representación de tamaño.
- Reinicio de CSS
- Las declaraciones CSS eliminan los márgenes y estandarizan la representación entre navegadores en elementos comunes.
Herramientas de desarrollo
- Registrador
- Proporciona una forma rápida y sencilla de escribir mensajes de registro en una consola en pantalla, la extensión Firebug para Mozilla Firefox o la consola JavaScript de Safari .
- Perfilador
- Un generador de perfiles de código no visual de varios navegadores para JavaScript.
- ProfilerViewer
- Se usa en combinación con Profiler para proporcionar visualizaciones ricas de sus datos de creación de perfiles, tanto gráficamente (usando el control de gráficos) como en formato tabular (usando DataTable).
- Prueba YUI
- YUI Test es un marco de prueba para soluciones JavaScript basadas en navegador. Con YUI Test, puede agregar fácilmente pruebas unitarias a sus soluciones de JavaScript. Si bien no es un puerto directo de ningún marco xUnit específico, YUI Test deriva algunas características de nUnit y JUnit.
Construir herramientas
- Compresor YUI
- YUI Compressor es una herramienta que minimiza JavaScript y CSS de forma segura.
- YUIDoc
- YUIDoc es una herramienta escrita en JavaScript que genera documentación API de búsqueda de código JavaScript. Por lo general, se usa como parte de un proceso de construcción. YUIDoc se basa en comentarios y es compatible con una variedad de estilos de codificación y lenguajes de programación.
Ver también
- Comparación de marcos de JavaScript
- Marco CSS
Referencias
- ^ a b "La biblioteca de la interfaz de usuario de Yahoo!" . Yahoo! Blog de interfaz de usuario . 13 de febrero de 2006.
- ^ "Lanzamientos · yui / yui3 · GitHub" . GitHub . Consultado el 24 de abril de 2020 .
- ^ "Biblioteca YUI" . Consultado el 13 de junio de 2008 .
- ^ "YUI 3.0.0: Primera versión GA de la línea de códigos de próxima generación de YUI" . Yahoo! Blog de interfaz de usuario . 29 de septiembre de 2009 . Consultado el 18 de noviembre de 2009 .
- ^ "Anuncio importante sobre YUI" . Yahoo! Ingeniería . Consultado el 29 de agosto de 2014 .
enlaces externos
- Sitio del proyecto YUI y rastreadores de problemas
- Repositorio de código fuente público de YUI
- Yahoo! Blog de interfaz de usuario
- Yahoo! Biblioteca de patrones de diseño
- YUICoder.com - Manipulación de Yahoo! Interfaz de usuario (cubre el antiguo YUI 2.x)