stringtranslate.com

Biblioteca YUI

La biblioteca de interfaz de usuario de Yahoo! ( YUI ) es una biblioteca JavaScript de código abierto discontinuada para crear aplicaciones web interactivas enriquecidas 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 las propiedades de Yahoo! como My Yahoo! y la página principal de Yahoo! comenzaron a usar YUI en el verano de ese año. YUI se lanzó para uso público en febrero de 2006. [1] Fue desarrollado activamente por un equipo central de ingenieros de Yahoo!.

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 selector CSS , como jQuery , para recuperar elementos DOM , un mayor énfasis en la granularidad de los 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 escribir código sea más rápido y fácil. [4]

El proyecto de la biblioteca YUI de Yahoo! fue fundado por Thomas Sha y patrocinado internamente por el cofundador de Yahoo! Jerry Yang ; sus arquitectos principales han sido Sha, Adam Moore y Matt Sweeney. Los desarrolladores de la biblioteca mantienen el YUIBlog; la comunidad YUI discute la biblioteca y sus implementaciones en su foro comunitario.

El 29 de agosto de 2014, se anunció que Yahoo! finalizaría el desarrollo activo de YUI, debido a 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 versiones de mantenimiento que aborden problemas que sean "absolutamente críticos para las propiedades de Yahoo". [5]

Características

La biblioteca YUI está completamente documentada en su sitio web; la descarga de la biblioteca incluye documentación detallada de la API. Tiene seis tipos de componentes: núcleo YUI, utilidades, controles de interfaz de usuario, componentes CSS, herramientas para desarrolladores y herramientas de compilación.

Centro

YUI Core es un conjunto liviano (31 KB minimizado) de herramientas para la gestión de eventos y la manipulación del DOM.

Objeto global YUI
El objeto global YUI contiene utilidades de lenguaje, un cargador de scripts y otra infraestructura básica para YUI.
Colección Dom
Ayuda con tareas comunes 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 de 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 Atrás del navegador y la funcionalidad de marcadores.
Administrador de conexión
Ayuda a gestionar transacciones XMLHttpRequest en todos los navegadores . Tiene compatibilidad integrada con publicaciones de formularios , gestión de errores , devoluciones de llamadas 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 facilita la creación de elementos " arrastrables " y de objetivos de colocación que responden a eventos de arrastre.
Elemento
Proporciona un contenedor para elementos HTML en el DOM y simplifica tareas comunes como agregar oyentes, manipular el DOM y configurar y obtener atributos.
Conseguir
La utilidad Get 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.
Cargador de imágenes
ImageLoader de YUI te permite aplazar la carga de imágenes que no están visibles en la ventana gráfica en el momento en que se carga la página. Esto puede generar grandes mejoras en el rendimiento.
JSON
La utilidad JSON proporciona métodos para validar los datos JSON entrantes a fin de verificar que sean seguros y métodos para convertir los datos de JavaScript en una cadena con formato JSON. Estos métodos se basan en el trabajo de Douglas Crockford en JSON.org.
Cambiar el tamaño
Le permite hacer que cualquier elemento HTML a nivel de bloque sea redimensionable.
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.

Controles

Autocompletar
Proporciona una función de autocompletado (listas de sugerencias y funcionalidad de escritura anticipada) para interacciones de usuario que impliquen la entrada de texto. Admite una variedad de formatos de fuentes 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 utilizado 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íneas, barras, circulares, etc.).
Selector de color
El control Selector de color proporciona una rica interfaz visual para la selección de color.
Recipiente
Admite una variedad de patrones de ventanas DHTML, incluidos Tooltip , Panel, Dialog, SimpleDialog, Module y Overlay.
Tabla de datos
API sencilla pero potente para mostrar datos tabulares accesibles mediante lectores de pantalla en una página web. Entre las funciones destacadas se incluyen columnas ordenables, paginación, desplazamiento, selección de filas, columnas redimensionables y edición en línea.
Recortador de imágenes
ImageCropper proporciona la interfaz de usuario y los elementos interactivos para un recortador de imágenes del lado del cliente.
Administrador de diseño
Le permite crear diseños perfectos en píxeles 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ú y menús contextuales.
Editor de texto enriquecido
El editor de texto enriquecido YUI es un sofisticado procesador de texto del lado del cliente que es modular y altamente configurable, adecuado para cualquier situación de ingreso de texto abierto.
Control deslizante
Proporciona un elemento deslizante genérico que permite al usuario elegir dentro de un rango finito de valores en uno o dos ejes.
Vista de pestaña
Proporciona vistas navegables del contenido con pestañas; admite la carga dinámica del contenido de las 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 varios archivos con retroalimentación sobre el progreso de la carga.

Recursos CSS

Base CSS
Utilice Base después de restablecer para proporcionar un reemplazo consistente y entre navegadores para las reglas CSS del navegador estándar 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 y representación de tamaños estandarizados entre navegadores.
Restablecimiento de CSS
Las declaraciones CSS eliminan los márgenes y estandarizan la representación entre navegadores en elementos comunes.

Herramientas para desarrolladores

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 y multiplataforma para JavaScript.
Visor de perfiles
Se utiliza en combinación con Profiler para proporcionar visualizaciones completas 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 pruebas para soluciones JavaScript basadas en navegador. Con YUI Test, puede agregar fácilmente pruebas unitarias a sus soluciones 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.

Herramientas de construcción

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 código JavaScript que permite realizar búsquedas. Se utiliza normalmente como parte de un proceso de compilación. YUIDoc se basa en comentarios y es compatible con una variedad de estilos de codificación y lenguajes de programación.

Véase también

Referencias

  1. ^ ab "La biblioteca de interfaz de usuario de Yahoo!". Blog de interfaz de usuario de Yahoo! . 13 de febrero de 2006. Archivado desde el original el 11 de junio de 2008 . Consultado el 13 de junio de 2008 .
  2. ^ "Lanzamientos · yui/yui3 · GitHub". GitHub . Consultado el 24 de abril de 2020 .
  3. ^ "Biblioteca YUI" . Consultado el 13 de junio de 2008 .
  4. ^ "YUI 3.0.0: Primera versión GA de la línea de código de próxima generación de YUI". Blog de interfaz de usuario de Yahoo! 29 de septiembre de 2009. Consultado el 18 de noviembre de 2009 .
  5. ^ "Anuncio importante sobre YUI". Yahoo! Engineering . Consultado el 29 de agosto de 2014 .

Enlaces externos