O que é jQuery
O jQuery é uma estrutura, e não um invólucro em torno do javascript. O jQuery se tornou extremamente importante na web devido a várias vantagens, como é extremamente leve em comparação com o javascript, fácil de aprender e implementar. As páginas do jQuery são carregadas muito rapidamente.
HTML, CSS, Javascript são as tecnologias que são entendidas pela Web. HTML é usado para definir um layout da página, CSS para o estilo das páginas da web. Javascript é a linguagem de programação da web. Atualizando conteúdo, animações, uma interação de páginas da web com um usuário, tudo isso, de fato, tudo é controlado por javascript.
jQuery
Por que ou quando devemos procurar alternativas jQuery!
Digamos que você não precise de todos os métodos que estão na API do jQuery e que precisaria apenas de alguns deles; procure alternativas. O jQuery é de cerca de 250 KB. Talvez se você estiver procurando por um arquivo menor que atenda a todas as suas necessidades, procure alternativas do jQuery.
Lista de alternativas do jQuery
Abaixo estão as diferentes alternativas do jQuery, que são as seguintes:
Javascript:
No entanto, o javascript nativo é uma das melhores alternativas de jQuery; na verdade, é o framework do JS. Javascript é o melhor, porque qualquer navegador é fornecido com javascript e você não precisa instalar o jQuery no seu aplicativo. Além disso, o JS é uma das melhores alternativas quando você precisa lidar com alguns navegadores muito antigos, que procurariam apenas determinadas versões do jQuery. O único engodo de usá-lo é a sintaxe não é extremamente amigável, como o jQuery fornece.
Uso da amostra:
var elemento = document.getElementById ("mídia");
element.classList.add ("meu estilo");
Dinheiro:
Cash é um plugin minúsculo (~ 10% do tamanho do jQuery) que suporta navegadores acima do IE10 +. Sua sintaxe é semelhante ao jQuery. Pode não ter todos os recursos que o jQuery possui, mas possui quase todos os recursos básicos importantes que precisaríamos.
Uso da amostra:
elemento var = $ ("div");
$ (elemento) .attr (attrName, attrValue)
UmbrellaJS:
O UmbrellaJS é altamente influenciado pelo jQuery e possui poucos recursos extras. Além disso, o arquivo é muito pequeno comparado ao móvel. O UmbrellaJS é suportado pelos principais navegadores e IE11 +. No UmbrellaJS, você pode usar métodos javascript nativos nos seletores de guarda-chuva, diferentemente do jQuery.
A sintaxe do UmbrellaJS é semelhante à do jQuery, com a diferença de usar u em vez de $
Uso da amostra:
u (“botão”). on ('clique', função () (
alerta ("Olá mundo");
));
Chibi JS:
O ChibiJS foi desenvolvido para se livrar do grande tamanho do jQuery. O ChibiJS tem apenas 7kb e possui todos os métodos essenciais mais utilizados. Chegando ao suporte do navegador, ele suporta todos os navegadores modernos para antigos. Este plugin não fornece animações. Chibi executa manipulações DOM 20% a 50% mais rápido do que muitas bibliotecas.
A sintaxe Chibi é semelhante ao jQuery para respeitar o fato de que as sintaxes de bibliotecas pequenas e grandes nunca devem ser misturadas
Uso da amostra:
$ ("P"). Hide ()
ZeptoJS:
O ZeptoJS pode ser considerado como a biblioteca javascript minimalista com alta compatibilidade com o jQuery. O objetivo desta biblioteca não é competir com o jQuery, mas atingir o máximo de sua API com muito menos tamanho. O tamanho do ZeptoJS é de apenas 5 a 10kB, baixa e executa muito mais rapidamente. Suporta todos os principais navegadores e IE10 +.
Uso da amostra:
$ .camelCase ('olá')
MooTools:
O Mootools é a coleção de funções utilitárias javascript para programadores javascript médios a avançados. É uma estrutura javascript leve. Sua API coerente e robusta permite escrever código forte e flexível. Possui uma documentação muito boa disponível e a API é coerente.
O Mootools é benéfico, pois permite ao usuário escolher seus próprios componentes personalizados. Ele segue práticas orientadas a objetos. O MuTools fornece aprimoramentos ao DOM, permitindo que os desenvolvedores adicionem, modifiquem e excluam quaisquer elementos DOM. O armazenamento de elementos também está presente no MooTools
Uso da amostra:
$$ ('div.foo, div.bar');
var myElement = novo elemento ('div # bar.foo');
myElement.addEvent ('clique', function () (
alerta (clicado! ');
));
ExtJS:
ExtJS significa Javascript estendido. É um produto da Sencha e é baseado no YahooUserInterface. É basicamente uma linguagem de programação de desenvolvimento de aplicativos de desktop. O ExtJS é suportado por todos os navegadores como IE6 +, FF, Chrome, Safari, Opera etc. O ExtJS é baseado na arquitetura MVC / MVVM.
O ExtJS também oferece uma ótima coleção de widgets personalizáveis de alto desempenho
Uso da amostra:
var el = Ext.get ("minha div");
var el = Ext.Element.get ("meu-div");
Além disso, existem muitas outras estruturas pequenas disponíveis que podem executar uma tarefa / funcionalidade de ponta a ponta. O MicroJS é um site que possui muitos micro frameworks disponíveis. Neste site, podemos simplesmente verificar qual é o nosso requisito e utilizar apenas essa estrutura.
Artigos recomendados:
Este foi um guia para as alternativas do jQuery. Aqui discutimos as listas de alternativas do jQuery com seus usos de amostra. Você também pode consultar os seguintes artigos para saber mais:
- JavaScript vs JQuery
- Como instalar o JavaScript
- Introdução ao JavaScript
- Perguntas da entrevista do jQuery
- jQuery querySelector | Exemplos para querySelector
- Os 8 principais seletores de jQuery com implementação de código
- Guia de exemplos da barra de progresso do JQuery