• Like

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

John Resig Beijing 2010 (中文版)

  • 3,860 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
3,860
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
114
Comments
2
Likes
11

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. State of jQuery John Resig
  • 2. • jQuery 1.4.3 / jQuery 1.4.4 • • jQuery Templating • jQuery Data Linking • jQuery
  • 3. jQuery 1.4.3 • JSLint • • CSS • • HTML5
  • 4. JSLint • Douglas Crockford JS • JavaScript • JSLint • make lint
  • 5. • jQuery • Script Loader • jQuery
  • 6. CSS • CSS • • • jQuery Rotate
  • 7. jQuery 1.4.3 .css() Get(Time in milliseconds - lower is better) 400 300 200 100 0 Firefox 3.6Firefox 4b7 Chrome Safari 5 Opera 10.6 IE 6 IE 7 IE 8 IE 9b 1.4.3 1.4.2
  • 8. jQuery1.4.3 .closest() (Time in milliseconds - lower is better) 4000 3000 2000 1000 0 Firefox 3.6 Firefox 4b7 Chrome Safari 5 IE 9b 1.4.3 1.4.2
  • 9. jQuery1.4.3 .filter() Single (Time in milliseconds - lower is better) 400 300 200 100 0 Firefox 3.6 Firefox 4b7 Chrome Safari 5 IE 9b 1.4.3 1.4.2
  • 10. jQuery1.4.3 Elem .find() (Time in milliseconds - lower is better) 3000 2250 1500 750 0 Firefox 3.6 Firefox 4b7 Chrome Safari 5 Opera 10.6 IE 8 IE 9b 1.4.3 1.4.2
  • 11. HTML5 • HTML5 data- • <div data-role=”page”></div> • • 1.4.3
  • 12. data- • • <div data-role=”page”></div> • $(“div”).data(“role”) === “page”
  • 13. data- • JSON • • <div data-hidden=”true”></div> • $(“div”).data(“hidden”) === true
  • 14. jQuery 1.4.4 • Bug • • .fadeToggle() • .data
  • 15. .data() • <div data-role=”page” data-max=”3”></ div> • $(“div”).data() --> • { role: “page”, max: 3 }
  • 16. • JavaScript • • • http://github.com/jquery/jquery-datalink
  • 17. • • HTML • • http://github.com/jquery/jquery-tmpl
  • 18. jQuery
  • 19. “ ” 2009 TestSwarm
  • 20.
  • 21. • • jQuery •
  • 22. • • • • •
  • 23. • • StatCounter Gartner • StatCounter hits • Garnter • AdMob iPhone Android •
  • 24. • •
  • 25. • •
  • 26. • • • Yahoo •
  • 27. • • • TestSwarm
  • 28. • Yahoo • • A= C= Other =
  • 29. Text Mobile Graded Browser Support: Market share + Browser quality
  • 30. • • • • • •
  • 31. • • Windows Perl Java • Opera Fennec •
  • 32. • • • TestSwarm
  • 33. • Webkit • • Opera Windows Mobile Symbian • jQuery ——
  • 34. I jQuery • jQuery • • TestSwarm • jQuery Bug
  • 35. II jQuery • • widgets •
  • 36. • jQuery jQTouch Sencha Touch • jQuery • • 13KB
  • 37. • jQuery • • http://blog.jquery.com/ • http://jquerymobile.com/
  • 38. • HTML 5 • Video • Audio • CSS 3 • WebGL