Jquery 1.3

686 views

Published on

Apresentado em 24/07/2009

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
686
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for 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!

    ×