Jquery 1.3

668 visualizações

Publicada em

Apresentado em 24/07/2009

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
668
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
7
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • Jquery 1.3

    1. 1. jQuery 1.3
    2. 2. Algumas novidades • Nova engine de seletores (Sizzle) • Eventos • Performance, performance, performance... mais rápida nos 1. Engine seletores mais utilizados. 2. Totalmente extensível (antigamente ñ era extensível em razão da Live events e Event performance). Object 3. Totalmente standalone.
    3. 3. Sizzle Engine • Do mesmo criador do jQuery • TODOS os outros frameworks javascript poderão compartilhar essa engine
    4. 4. Live Events • Em outras palavras, Event Delegation • Novos métodos: live() die() closest() • 30x mais rápido!
    5. 5. HTML Injection Rewrite • Funções de manipulação do DOM eram um dos gargalos de performance • Foram reescritas e ficaram 6x mais rápidas
    6. 6. Outras novidades 1. Padronização do objeto Event nativo de acordo com os padrões do W3C. • jQuery.Event • jQuery.Support Alguns métodos de detecção de browsers foram alterados
    7. 7. O que deixará de existir • jQuery.browser • jQuery.browser.version • jQuery.boxModel • Safari 2 não será mais suportado
    8. 8. Atualizando • Remover o ‘@’ dos seletores de atributo • Seletores múltiplos retornarão os elementos na ordem do documento • As páginas devem estar dentro dos padrões (X)HTML
    9. 9. Mais informações • http://docs.jquery.com/Release:jQuery_1.3
    10. 10. Por falar em performance...
    11. 11. O que é mais rápido? #id, .class ou tag_name
    12. 12. Testes não científicos Seletor Chamadas (x1000) Tempo aprox. $(“#mj”) 4000 30ms $(“[id=mj]”) 14000 90ms $(“.mj”) 14000 90ms $(“body #mj”) 14000 90ms $(“#mj”, body) 30000 211ms image.closest(“body”).find(“div#mj”) 62000 440ms
    13. 13. jQuery UI • Interações • Widgets • Draggable • Accordion • Droppable • Datepicker • Resizeable • Dialog • Selectable • Progressbar • Sortable • Slider • Tabs
    14. 14. UI CSS Framework • Padronização de classes • Widgets • Suporte a temas
    15. 15. Perguntas?
    16. 16. Obrigado!

    ×