Base2

Transcript

1. othree • http://blog.othree.net • ۃ၌Ҧஔ(JavaScript, (X)HTML, CSS, ....) • MightHappyDesigner 1
2. ʞʱᙒᑺʞɤੵҳᅂ˪ 2
3. DEMO 3
9. base2 A JavaScript Library by Dean Edwards 9
10. Dean Edwards 10
11. IE7.js ˢฆழIE7ᒔϘ 11
12. IE8.js ฆழIE8ᒔӚ̈ 12
13. base2 13
14. ʔ౤Զਗ೥तࣖ 14
15. ʔ౤Զਗ೥तࣖ ӚϞUI޴ᗫ̌ঐ 15
16. ʔ౤Զਗ೥तࣖ ӚϞUI޴ᗫ̌ঐ ʔ၍Ajax 16
17. ʔ౤Զਗ೥तࣖ ӚϞUI޴ᗫ̌ঐ ʔ၍Ajax ԟՑֵϞʡჿk 17
18. ໾੶JavaScriptႧԊ 18
19. һ࢙׸ක೯Application 19
20. base2 •Base •Map •Collection •RegGrp •Module •Package •Enumerable •JavaScript 20
21. base2 •Base •Map •Collection •RegGrp •Module •Package •Enumerable •JavaScript 21
22. Base 22
23. ᘱו 23
24. .prototype 24
25. Base.extend({k: v}) 25
26. Map, Collection, Enumerable 26
27. JavaScriptࡡԸӚϞ 27
28. Enumerable Map Collection every filter invoke map pluck reduce some add getAt item putAt removeAt reverse sort copy forEach get getKeys getValues has merge 28
29. RegGrp • ɓࡈRegular Expressionي΁ • εଡ଼pattern, replacement 29
30. JavaScript • Array2 • Date2 • String2 30
31. Array2 • pop • push • contains • sort, reverse • filter • ...... 31
32. Date2 • toISOString • now • parse 32
33. Date2 • toISOString • now • parse 32 (“2008/03/29”)
34. String2 • trim 33
35. Cast in Native Object • base2.JavaScript.bind(window); 34
36. base2.DOM 35
37. Yet Another JS Lib Without Document 36
38. ࡌ͍ᓭᚎኜ፹Ⴌ 37
39. อᅺ๟ྼЪ 38
40. • view.getComputedStyle() • node.compareDocumentPosition() • document.activeElement (HTML5) • document.createEvent() • document|element.addEventListener() • document|element.removeEventListener() • document|element.dispatchEvent() • document|element.querySelector() • document|element.querySelectorAll() 39
41. • view.getComputedStyle() • node.compareDocumentPosition() • document.activeElement (HTML5) • document.createEvent() • document|element.addEventListener() • document|element.removeEventListener() • document|element.dispatchEvent() • document|element.querySelector() • document|element.querySelectorAll() 39
42. • element.ownerDocument • element.getAttribute() • element.hasAttribute() • element.matchesSelector() • element.setAttribute() 40
43. • event.target • event.relatedTarget • event.initEvent() • event.preventDefault() • event.stopPropagation() • style.getPropertyValue() • style.setProperty() 41
44. Rules for JavaScript Library Authors http://dean.edwards.name/weblog/2007/03/rules/ 42
45. ഐሞ 43
46. ၾ଺ʔΝٙJS Lib 44 Ꮠ༈ܘϞ͜
47. ҢӚί͜ 45
48. Ңɰʔٝ༸Ϟም͜ 46
49. νО՟੻ 47
50. google://base2 48
51. http://code.google.com/p/base2/ 49
52. Thanks For Your Attention 50