Pergunta

Estou procurando uma estrutura JavaScript leve cujo objetivo principal seja abstrair as diferenças do navegador.Estou usando-o principalmente para criar novos elementos de UI e não preciso de muito além de algo que me forneça uma linguagem independente de plataforma e DOM.

Foi útil?

Solução

Existem 3 bibliotecas JS que uso atualmente: Protótipo, jQuery e MooTools.Protótipo e jQuery são os mais utilizados.jQuery e MooTools são os mais leves.

MooTools tem um recurso interessante em seu site que permite criar um arquivo .js compactado personalizado apenas com os módulos necessários, tornando os mais leves, dependendo do que você está fazendo.jQuery tem uma base de fãs muito maior e melhor suporte por causa disso.

Dos três, eu recomendaria o jQuery, mas provavelmente não é uma má ideia dar uma olhada em todas as opções disponíveis.

Outras dicas

Eu uso jQuery - é simples e pequeno, e o melhor de tudo:Muito fácil :)

Veja também a pergunta Qual biblioteca JavaScript você escolheria para um novo projeto e por quê?

Parece que jQuery tem crescido mais recentemente.(Ver esta apresentação, slide 4)

mooFerramentas é o meu favorito também.Sua interface permite que você pegue o quanto quiser, então se você quiser adicionar mais truques à sua maleta de ferramentas no futuro, é muito fácil fazer isso.

Sou um grande fã do Yahoo!Interface do usuário (YUI) Biblioteca.Ele tem um bom conjunto de itens de manipulação de DOM e uma estrutura de widget bastante sólida.Além disso, você pode misturar e combinar o que deseja usar.

Eu prefiro JQuery.Também possui boa documentação.JQuery

eu também gosto jQuery por causa da poderosa função seletora "$" e deseja fornecer um link para uma documentação alternativa: jQuery visual

Aqui está um gráfico de comparação que usei para ajudar a avaliar algumas das várias bibliotecas existentes.

Estrutura Javascript

Ele não lista todos os recursos de cada biblioteca, mas fornece uma boa visão geral para restringir suas escolhas a quais estruturas você deve se aprofundar para ver se elas atendem às suas necessidades.

tentei protótipo e escriturário primeiro, mas depois mudou para jquery e não há como olhar para trás.Se você deseja uma interface de usuário agradável, o YUI é bom, mas o jQuery é simples, na minha opinião.

Tentar Assistente DOMA.Tem apenas 7 KB compactado, é muito rápido e tem suporte Unicode.

Pessoalmente, quando estava trabalhando no lado do cliente, me apaixonei pelo JQuery, que tem uma versão 15k.Há uma ligeira curva de aprendizado, mas é muito escorregadia.

jQuery é muito inteligente e fácil de aprender.Eu usei Moo no passado para algumas manipulações básicas de DOM.Ele ocupa menos espaço, mas tem menos funcionalidade.A melhor escolha para você definitivamente depende de suas necessidades.

O código YUI básico - yahoo-dom-event.js - tem 31 KB e funciona muito bem.Você consegue todo tipo de coisa legal Manipulação de eventos & Manipulação de DOM, e é muito fácil adicionar coisas mais complexas - e mais pesadas - se e quando você precisar.

Apenas uma sugestão, mas eu procuraria um framework que tivesse os recursos que você deseja e não me preocupasse muito com o tamanho, dentro do razoável.A maioria dos frameworks modernos como PrototypeJS ou JQuery não são tão grandes e possuem versões minimizadas (espaços removidos, etc).Além disso, você deve ter seu site configurado para armazenar em cache essas bibliotecas.O único momento em que um usuário precisará baixar a biblioteca é na primeira visita ou em qualquer visita após limpar o cache do navegador.

Ao nomear o(s) arquivo(s) da biblioteca, certifique-se de usar um nome de arquivo exclusivo.Por exemplo, nomeie sua biblioteca com base na versão da biblioteca.Quando você precisar atualizar para uma nova versão da biblioteca, basta fazer referência ao novo nome do arquivo (versão) nas páginas relevantes.Isso permitirá que você armazene esses arquivos em cache sem uma data de expiração de curto prazo.

Existem muitas outras técnicas de cache que você pode usar para contornar o tamanho do arquivo da biblioteca e melhorar o desempenho.Eu recomendaria "Sites de alto desempenho", ISBN:0596529309.Embora todas as informações do livro possam ser encontradas on-line, o livro faz um bom trabalho ao coletar as informações necessárias em um só lugar e unir os vários conceitos (não tenho interesse financeiro neste livro).

Seja qual for sua escolha, considere deixar o Google hospedá-lo para você:

http://code.google.com/apis/ajaxlibs/

Esta questão é realmente uma duplicata de essa questão (Eu penso).Minha resposta a essa pergunta foi a seguinte (e se aplica aqui também):

Você obterá um milhão de respostas aqui.O curto é:existem vários, não um único.Todos são diferentes em alguns aspectos e semelhantes em outros e, em geral, nenhum deles é uma má escolha.Os principais frameworks que eu recomendaria são (em ordem alfabética para não mostrar qualquer preconceito):

* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit

Cada um deles tem estilos diferentes, comunidades diferentes e focos diferentes.Qual você deve escolher é principalmente uma questão de combinar o estilo dessas estruturas com o seu.Passe algum tempo com os tutoriais e demonstrações de cada um e escolha aquele que faz mais sentido para você.

Como isenção de responsabilidade, salientarei que sou desenvolvedor do MooTools e escrevi um livro sobre como usá-lo.Eu não diria que o MooTools é melhor que qualquer um desses outros frameworks;apenas diferente.

eu uso Protótipo bastante extensivamente.O pacote padrão é de 28 KB, enquanto o jQuery tem 90 KB*.

http://www.prototypejs.org

*Descompactado

Você pode empacotar qualquer código JavaScript para torná-lo mais leve, então a questão pode ser: qual você prefere?eu vou para Protótipo - existe uma versão disponível chamada protopacked que acho que chega a cerca de 20 KB.

MooTools é muito quente.Está ficando um pouco maior atualmente (a base tem 60 KB), então isso pode estar fora do seu alcance.

Mas se você realmente deseja o DOM básico, o jQuery provavelmente seria o ideal.

Outra votação para jQuery aqui.Rápido, leve e quanto mais você aprender, mais rápido e conciso será o seu código.

eu recomendaria MooTools :-)

var theDiv = new Element('div', {
    'id': 'theDiv',
    'styles': {
        'backgroundColor': '#BF1942',
        'color': '#fff'
    }
}).toggleClass('someClass').inject($('someSibling', 'after');

Eu realmente gosto da legibilidade de seu código.

Eu faço o meu próprio há anos, mas quando jogo com outras pessoas fico bem longe do dojo + jquery.Não tenho nada além de coisas boas a dizer sobre uma combinação de mootools (o melhor js ani que já vi) + os kits gui ou yui

Concordo com o JQuery como a opção leve, extensível e poderosa.Atualmente, minha empresa usa Extjs, que é enorme e muito mais complexo para o que estamos fazendo.Extjs é ótimo se você precisa fazer um site rápido sem designers envolvidos (ele vem com todos os gráficos e estilos para criar qualquer coisa que você precisa), mas tem cerca de 6 MB e acaba tornando tarefas simples mais complicadas :)

Se eu pudesse fazer tudo de novo, o que pode acontecer, eu usaria JQuery.

Jquery sem dúvida ....

além disso, é popular, então você sabe que estará por aí

Tendências de desenvolvedores web

midori é uma estrutura JavaScript leve (apenas 45K descompactado).Ele suporta a maioria dos seletores CSS2 e CSS3 para acessar elementos DOM e não exige que você aprenda uma API totalmente nova.Além da funcionalidade padrão de DOM, evento e Ajax, ele também suporta efeitos visuais básicos, arrastar e soltar, menus pop-up e preenchimento automático, entre outras coisas.

jQuery é muito bom.

O que seria muito legal é se pudéssemos adicionar nosso framework a uma lista de frameworks que estão sendo sugeridos aqui e permitir que outros votem naquele que mais gostam ou usam - ou seja,uma enquete/pesquisa dinâmica.

Eu gosto jQuery porque é leve, mas extremamente poderoso.

Há também excelente documentação e tutoriais para você começar.

YUI é muito grande e complexo para o meu gosto.Eu costumava ser um fanboi do Prototype, mas ele perdeu o brilho para mim quando comecei a usar o jQuery em novos projetos.O que eu gosto no jQuery é o modelo mental consistente:encontre algo, aja de acordo.

Gostei tanto do jQuery que criei um widget do Dashboard para acesso offline aos documentos: Widget de referência jQuery

jQuery é sua melhor opção se você estiver fazendo pequenas melhorias, já que é a estrutura mais usada e você receberá muitos comentários de outros usuários.No entanto, eu não sou um usuário jQuery porque já desenvolvo RIAs usando Externo.Por causa disso, eu uso Ext-core (um subconjunto de Ext) porque o framework tem melhor design OO e fornece a mesma funcionalidade básica do jQuery (manipulação de eventos, manipulação de DOM, Ajax).

http://www.extjs.com/products/core/

Eu nunca usei Prototype porque eles aumentam Object.prototype o que causa bugs em nosso código.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top