Jquery 1.3
Transferir como KEY, PDF0 gostou304 visualizações
O documento resume as principais novidades da versão 1.3 do jQuery, incluindo: (1) Uma nova engine de seletores chamada Sizzle que é 30x mais rápida, (2) Novos métodos para eventos ao vivo como live() e die(), e (3) Funções de manipulação do DOM reescritas e 6x mais rápidas.
![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](https://image.slidesharecdn.com/jquery-1-3-091203055839-phpapp01/85/Jquery-1-3-15-320.jpg)
Jquery 1.3
- 1. jQuery 1.3
- 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. Sizzle Engine • Do mesmo criador do jQuery • TODOS os outros frameworks javascript poderão compartilhar essa engine
- 5. Live Events • Em outras palavras, Event Delegation • Novos métodos: live() die() closest() • 30x mais rápido!
- 7. HTML Injection Rewrite • Funções de manipulação do DOM eram um dos gargalos de performance • Foram reescritas e ficaram 6x mais rápidas
- 9. 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
- 10. O que deixará de existir • jQuery.browser • jQuery.browser.version • jQuery.boxModel • Safari 2 não será mais suportado
- 11. 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
- 12. Mais informações • http://docs.jquery.com/Release:jQuery_1.3
- 14. O que é mais rápido? #id, .class ou tag_name
- 15. 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
- 17. jQuery UI • Interações • Widgets • Draggable • Accordion • Droppable • Datepicker • Resizeable • Dialog • Selectable • Progressbar • Sortable • Slider • Tabs
- 18. UI CSS Framework • Padronização de classes • Widgets • Suporte a temas
- 19. Perguntas?
- 20. Obrigado!