Your SlideShare is downloading. ×
Javascript4
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Javascript4

1,348

Published on

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

No Downloads
Views
Total Views
1,348
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
4
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
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript

    • 1. jQuery
    • 2. jQuery• js Ajax jQuery HTML jQuery 2• $( ) jQuery
    • 3. jQuery
    • 4. • jQuery• jQuery new jQuery prototype
    • 5. $( )• $( ) jQuery( )• $( ) jQuery• html DOM jQuery
    • 6. $(DOM)• DOM DOM jQuery• <div></div> HTML DOM jQuery
    • 7. jQuery• Core • Effects• Attribute • Ajax• Traversing • Data• Manipulation • Dferred• Css • Utilities• Event11 jQuery
    • 8. jQuery• Core/Misc jQuery DOM • Attribute • Traversing• CSS CSS • Event• Effects ( )• Data Effect• Manipulation DOM /
    • 9. jQuery• Core HTML jQuery • Ajax AJax jsonp • Dferred• Data ajax• Utilities
    • 10. jQuery$(document).ready(function(){ $( ).method( ); $( 2).method( ); $( 3).method( );});
    • 11. jQuery Plugin
    • 12. (function($){})(jQuery)• (function($){})(jQuery)• function($){...} ,(jQuery)• JS• (function($){})()
    • 13. •• $.extend jQuery• $.fn.
    • 14. jQuery plugin•• return this.each jQuery• this.each DOM DOM
    • 15. Twitter API Plugin• Twitter API jsonp twitter• jsonp• API js script
    • 16. Twitter API• https://dev.twitter.com/• API• API jsonp timeline
    • 17. timeline API• http://api.twitter.com/1/statuses/ user_timeline/twitter_id.json• jsonp url• twitter ID .
    • 18. Twitter Plugin• DIV class="timeline" DIV• $(.timeline).twitter() div.timeline twitter
    • 19. • <div class="timeline"> <div class="tweet"> <div class="icon"><img src="icon URL" /></div> <p> </p> </div> tweet </div>
    • 20. twitter plugin
    • 21. twitter api
    • 22. $.getJSON()
    • 23. $.getJSON()3
    • 24. $.getJSON(url,data,callback)url: urldata:url paramcallback: datastatus 2
    • 25. twitter
    • 26. user_id
    • 27. API URL
    • 28. URL user_id
    • 29. jsonp
    • 30. [Object,Object,Object …]
    • 31. 20
    • 32. { @twitter}
    • 33. HTML
    • 34. HTML
    • 35. $()
    • 36. $(<div></div>)DIV
    • 37. • append • prependTo DOM• appendTo • after DOM• prepend • brefore Manipulation
    • 38. icon icon
    • 39. url@id
    • 40. replace
    • 41. Timeline
    • 42. bind trigger
    • 43. .bind•• bind( , , ) bind( , )• click
    • 44. • click• onMouse• blur• onload•
    • 45. .trigger•• .trigger( ,[data])
    • 46. •••
    • 47. • $(this).bind(twitter.timeline,function() {$.getJSON(....)}) //• $(this).bind(twitter.reload,function(){}) //• $(this).bind(twitter.stop,function(){}); //
    • 48. • 0 API•
    • 49. • .delay• .delay
    • 50. • jQuery Effecto• $("#logo").show("slow") .animate({left:+200},1000) .animate({left:-200},1000);• jQuery queue
    • 51. timeline• timeline• Queue timeline delary• Queue
    • 52. $this.bind(twitter.reload,function(){ var $this = $(this); $this.queue(function() { $this.trigger("twitter.timeline") delay(opts.reload) .trigger("twitter.reload").dequeue();});//
    • 53. $.ajaxSetup({ timeout: 5000, error: function() { $this.bind("twitter.stop"); }});
    • 54. • jQuery jQuery 2• jQuery prototype• jQuery plugin• Queue Ajax

    ×