UmbrellaJS é sua alternativa para jQuery
O código aberto biblioteca jQuery domina o desenvolvimento web há anos. Ainda é um dos recursos mais confiáveis para JavaScript, mas há um nova biblioteca na cidade chamado Guarda-chuvaJS.
Guarda-chuva também é completamente open source e oferece muito da mesma funcionalidade incluindo seletores de elementos, manipulação DOM e solicitações AJAX.
Umbrella JS funciona quase exatamente como jQuery, exceto com diferentes chamadas de sintaxe e funções. Então, se a Umbrella está tão perto do jQuery, qual é o benefício de usá-lo?
Bem, a Umbrella é para ser um biblioteca muito menor do que jQuery e os seus apenas para manipulação de DOM. E honestamente, essa biblioteca é super compacto quando comparado ao jQuery.
A biblioteca completa do Umbrella.js é sobre 4KB não minificado. A última versão do jQuery totaliza mais de 250 KB! Então, se você está procurando por um versão simplificada do jQuery então a Umbrella será mais rápido para carregar e tão simples de usar.
A documentação online oferece uma lista de todas as funções e parâmetros você pode passar para essas funções. É o guia completo para a Umbrella e é constantemente sendo atualizado.
Felizmente, muitos recursos similares do jQuery são imitados através do Umbrella, então o sintaxe é muito fácil de ler. Por exemplo, o em()
método é o mesmo e você pode passar todos os mesmos ouvintes de eventos, como clique
ou flutuar
.
A maior diferença é que os seletores da Umbrella usam o você()
método em vez de comum do jQuery $ ()
. Aqui está um exemplo de código que aciona uma caixa de alerta quando alguém clica em um botão com a classe .botão
.
u ("botão"). on ('clique', função () alert ("Olá mundo"););
É um exemplo simples, mas ilustra perfeitamente o valor da Umbrella.
Para veja uma demonstração ao vivo confira esta caneta oferecendo uma seleção de campo de entrada de amostra. Todo o código de saída é exibido à direita na tela. Você também pode estudar o código-fonte do Umbrella JS para ver como funciona.
Para saber mais sobre a Umbrella, confira website oficial ou espiar o código fonte ao vivo no Repositório GitHub.