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.

Like this presentation? Why not share!

John Resig Beijing 2010 (中文版)

on

  • 4,486 views

 

Statistics

Views

Total Views
4,486
Views on SlideShare
4,218
Embed Views
268

Actions

Likes
11
Downloads
114
Comments
2

6 Embeds 268

http://www.xh-css.cn 203
http://www.techgig.com 46
http://127.0.0.1 13
http://www.zhuaxia.com 3
http://127.0.10.1 2
http://xh-css.cn 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • have a look
    Are you sure you want to
    Your message goes here
    Processing…
  • thanks very much
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    John Resig Beijing 2010 (中文版) John Resig Beijing 2010 (中文版) Presentation Transcript

    • State of jQuery John Resig
    • • jQuery 1.4.3 / jQuery 1.4.4 • • jQuery Templating • jQuery Data Linking • jQuery
    • jQuery 1.4.3 • JSLint • • CSS • • HTML5
    • JSLint • Douglas Crockford JS • JavaScript • JSLint • make lint
    • • jQuery • Script Loader • jQuery
    • CSS • CSS • • • jQuery Rotate
    • 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
    • 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
    • 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
    • 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
    • HTML5 • HTML5 data- • <div data-role=”page”></div> • • 1.4.3
    • data- • • <div data-role=”page”></div> • $(“div”).data(“role”) === “page”
    • data- • JSON • • <div data-hidden=”true”></div> • $(“div”).data(“hidden”) === true
    • jQuery 1.4.4 • Bug • • .fadeToggle() • .data
    • .data() • <div data-role=”page” data-max=”3”></ div> • $(“div”).data() --> • { role: “page”, max: 3 }
    • • JavaScript • • • http://github.com/jquery/jquery-datalink
    • • • HTML • • http://github.com/jquery/jquery-tmpl
    • jQuery
    • “ ” 2009 TestSwarm
    • • • jQuery •
    • • • • • •
    • • • StatCounter Gartner • StatCounter hits • Garnter • AdMob iPhone Android •
    • • •
    • • •
    • • • • Yahoo •
    • • • • TestSwarm
    • • Yahoo • • A= C= Other =
    • Text Mobile Graded Browser Support: Market share + Browser quality
    • • • • • • •
    • • • Windows Perl Java • Opera Fennec •
    • • • • TestSwarm
    • • Webkit • • Opera Windows Mobile Symbian • jQuery ——
    • I jQuery • jQuery • • TestSwarm • jQuery Bug
    • II jQuery • • widgets •
    • • jQuery jQTouch Sencha Touch • jQuery • • 13KB
    • • jQuery • • http://blog.jquery.com/ • http://jquerymobile.com/
    • • HTML 5 • Video • Audio • CSS 3 • WebGL