Biblioteca YUI - YUI Library
 | |
| Desenvolvedor (s) | Yahoo! |
|---|---|
| lançamento inicial | 13 de fevereiro de 2006 |
| Último lançamento | 3.18.1 / 22 de outubro de 2014
|
| Repositório |
|
| Escrito em | JavaScript |
| Sistema operacional | Plataforma cruzada ( JavaScript ) |
| Tipo | Biblioteca JavaScript |
| Licença | Licença BSD |
| Local na rede Internet | yuilibrary |
O Yahoo! A biblioteca de interface do usuário ( YUI ) é uma biblioteca JavaScript de código aberto descontinuada para a construção de aplicativos da web ricamente interativos usando técnicas como Ajax , DHTML e scripts DOM . YUI inclui vários recursos CSS principais . Ele está disponível sob uma licença BSD . O desenvolvimento no YUI começou em 2005 e no Yahoo! propriedades como My Yahoo! e o Yahoo! A primeira página começou a usar o YUI no verão daquele ano. O YUI foi lançado para uso público em fevereiro de 2006. Ele foi desenvolvido ativamente por uma equipe central do Yahoo! engenheiros.
Em setembro de 2009, o Yahoo! lançou o YUI 3, uma nova versão do YUI reconstruída do zero para modernizar a biblioteca e incorporar as lições aprendidas com o YUI 2. Entre os aprimoramentos está um mecanismo de seletor CSS , como o jQuery , para recuperar elementos DOM , com maior ênfase na granularidade de módulos, um arquivo seed menor que carrega outros módulos quando necessário e uma variedade de mudanças sintáticas destinadas a tornar a escrita de código mais rápida e fácil.
O projeto da Biblioteca YUI no Yahoo! foi fundada por Thomas Sha e patrocinada internamente pelo Yahoo! o co-fundador Jerry Yang ; seus principais arquitetos foram Sha, Adam Moore e Matt Sweeney. Os desenvolvedores da biblioteca mantêm o YUIBlog; a comunidade YUI discute a biblioteca e as implementações em seu fórum da comunidade.
Em 29 de agosto de 2014, foi anunciado que o desenvolvimento ativo do YUI pelo Yahoo! terminaria, citando a evolução dos padrões JavaScript, diminuindo constantemente o interesse por desenvolvedores em grandes bibliotecas JavaScript e a proliferação de soluções do lado do servidor. O desenvolvimento futuro será limitado a lançamentos de manutenção que tratam de problemas que são "absolutamente críticos para as propriedades do Yahoo".
Características
A Biblioteca YUI está totalmente documentada em seu site; a documentação detalhada da API acompanha o download da biblioteca. Ele tem seis tipos de componentes: núcleo YUI, utilitários, controles de IU, componentes CSS, ferramentas de desenvolvedor e ferramentas de construção.
Testemunho
O YUI Core é um conjunto leve (31 KB reduzido) de ferramentas para gerenciamento de eventos e manipulação de DOM.
- YUI Global Object
- O Objeto Global YUI contém utilitários de linguagem, um carregador de script e outra infraestrutura de linha de base para YUI.
- Coleção Dom
- Ajuda com tarefas comuns de script DOM , incluindo posicionamento de elemento e gerenciamento de estilo CSS .
- Utilitário de eventos
- Fornece aos desenvolvedores acesso fácil e seguro aos eventos do navegador (como cliques do mouse e pressionamentos de teclas). Ele também fornece o objeto Custom Event para publicar e assinar eventos customizados.
Serviços de utilidade pública
- Animação
- Ajuda a criar "efeitos" animando a posição, tamanho, opacidade ou outras características dos elementos da página.
- Gerenciador de histórico do navegador
- Ajuda os aplicativos da web a usar o botão Voltar do navegador e a funcionalidade de favoritos.
- Gerenciador de conexão
- Ajuda a gerenciar transações XMLHttpRequest em um navegador cruzado . Possui suporte integrado para postagens de formulários , tratamento de erros , retornos de chamada e upload de arquivos.
- Bolacha
- Permite gerenciar cookies e subcookies do navegador por meio de uma API simples.
- Fonte de dados
- Fornece uma interface configurável comum para outros componentes interagirem com diferentes tipos de dados, de matrizes JavaScript simples a servidores online por XHR.
- Arrastar e soltar
- O utilitário Arrastar e Soltar YUI torna fácil tornar os elementos " arrastáveis " e criar alvos para soltar que respondem aos eventos de arrastar.
- Elemento
- Fornece um wrapper para elementos HTML no DOM e simplifica tarefas comuns, como adicionar ouvintes, manipular o DOM e definir e obter atributos.
- Pegue
- O utilitário Get suporta o carregamento assíncrono de dados e scripts por meio de nós de script e o carregamento dinâmico de arquivos CSS externos.
- ImageLoader
- O ImageLoader da YUI permite adiar o carregamento de imagens que não estão visíveis na janela de visualização no momento em que a página é carregada. Isso pode resultar em grandes aumentos de desempenho.
- JSON
- O utilitário JSON fornece métodos para validação de dados JSON recebidos para verificar se é seguro e métodos para converter dados JavaScript em uma string formatada em JSON. Esses métodos são baseados no trabalho de Douglas Crockford em JSON.org.
- Redimensionar
- Permite que você torne qualquer elemento HTML de nível de bloco redimensionável.
- Seletor
- O utilitário YUI Selector permite que você obtenha referências a elementos HTML por meio da sintaxe do seletor CSS3.
- YUI Loader
- O YUI Loader é um mecanismo de carregamento do lado do cliente que pode carregar dinamicamente qualquer componente YUI (e dependências) em tempo real.
Controles
- Autocompletar
- Fornece recurso de preenchimento automático (listas de sugestões e funcionalidade de digitação antecipada) para interações do usuário envolvendo entrada de texto. Ele suporta uma variedade de formatos de fonte de dados. Ele também oferece suporte a fontes de dados do lado do servidor via XMLHttpRequest.
- Botão
- Permite a criação de botões gráficos ricos que funcionam como botões de formulário HTML tradicionais.
- Calendário
- Um controle gráfico e dinâmico usado para seleção de data.
- Gráficos
- O Charts Control recupera dados por meio do DataSource Utility e exibe os dados em uma variedade de formatos de gráfico comuns (linha, barra, pizza, etc.).
- Seletor de Cores
- O Color Picker Control fornece uma interface visual rica para seleção de cores.
- Recipiente
- Suporta uma variedade de padrões de janelas DHTML, incluindo Tooltip , Panel, Dialog, SimpleDialog, Module e Overlay.
- Tabela de dados
- API simples, mas poderosa, para exibir dados tabulares acessíveis por leitor de tela em uma página da web. Recursos notáveis incluem colunas classificáveis, paginação, rolagem, seleção de linha, colunas redimensionáveis e edição embutida.
- ImageCropper
- ImageCropper fornece a IU e elementos interativos para um cortador de imagem do lado do cliente.
- Gerente de Layout
- Permite criar layouts perfeitos em vários navegadores com pouco esforço, fornecendo um layout fixo contendo unidades de layout superior, inferior, esquerda, direita e central.
- Cardápio
- Fornece uma API fácil para criar menus suspensos, barras de menus e menus de contexto.
- Editor de Rich Text
- O YUI Rich Text Editor é um sofisticado processador de texto do lado do cliente, modular e altamente configurável, adequado para qualquer situação de entrada de texto aberta.
- Slider
- Fornece um elemento deslizante genérico que permite ao usuário escolher dentro de um intervalo finito de valores em um ou dois eixos.
- TabView
- Fornece visualizações navegáveis com guias de conteúdo; suporta o carregamento dinâmico do conteúdo da guia via XMLHttpRequest.
- TreeView
- Produz uma árvore de conteúdo cujos nós podem ser expandidos e contraídos.
- Uploader
- Permite o upload de vários arquivos com feedback sobre o andamento do upload.
Recursos CSS
- CSS Base
- Use Base after Reset para fornecer uma substituição consistente entre navegadores para as regras CSS do navegador padrão às quais os desenvolvedores da web estão acostumados.
- CSS Grids
- Sete wireframes de página básicos com componentes de subseção para suportar mais de 1000 layouts de página diferentes.
- Fontes CSS
- Famílias de fontes e renderização de tamanho padronizadas entre navegadores.
- CSS Reset
- As declarações CSS removem margens e padronizam a renderização entre navegadores em elementos comuns.
Ferramentas de desenvolvimento
- Logger
- Fornece uma maneira rápida e fácil de gravar mensagens de log em um console na tela, a extensão Firebug para Mozilla Firefox ou o console Safari JavaScript.
- analisador
- Um criador de perfil de código não visual entre navegadores para JavaScript.
- ProfilerViewer
- Usado em combinação com o Profiler para fornecer visualizações ricas de seus dados de criação de perfil - tanto graficamente (usando o Charts Control) quanto em formato tabular (usando DataTable).
- Teste YUI
- O YUI Test é uma estrutura de teste para soluções JavaScript baseadas em navegador. Usando o YUI Test, você pode adicionar facilmente testes de unidade às suas soluções JavaScript. Embora não seja uma porta direta de qualquer estrutura xUnit específica, o YUI Test deriva algumas características de nUnit e JUnit.
Ferramentas de construção
- Compressor YUI
- YUI Compressor é uma ferramenta que minimiza JavaScript e CSS com segurança.
- YUIDoc
- YUIDoc é uma ferramenta escrita em JavaScript que gera documentação de API pesquisável de código JavaScript. Normalmente é usado como parte de um processo de construção. YUIDoc é orientado por comentários e é compatível com uma variedade de estilos de codificação e linguagens de programação.