Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
othree • http://blog.othree.net • ۃ၌Ҧஔ(JavaScript, (X)HTML, CSS, ....) • MightHappyDesigner 1
Slide 2
Slide 2 text
ʞʱᙒᑺʞɤੵҳᅂ˪ 2
Slide 3
Slide 3 text
DEMO 3
Slide 4
Slide 4 text
4
Slide 5
Slide 5 text
5
Slide 6
Slide 6 text
6
Slide 7
Slide 7 text
7
Slide 8
Slide 8 text
8
Slide 9
Slide 9 text
base2 A JavaScript Library by Dean Edwards 9
Slide 10
Slide 10 text
Dean Edwards 10
Slide 11
Slide 11 text
IE7.js ˢฆழIE7ᒔϘ 11
Slide 12
Slide 12 text
IE8.js ฆழIE8ᒔӚ̈ 12
Slide 13
Slide 13 text
base2 13
Slide 14
Slide 14 text
ʔԶਗतࣖ 14
Slide 15
Slide 15 text
ʔԶਗतࣖ ӚϞUIᗫ̌ঐ 15
Slide 16
Slide 16 text
ʔԶਗतࣖ ӚϞUIᗫ̌ঐ ʔ၍Ajax 16
Slide 17
Slide 17 text
ʔԶਗतࣖ ӚϞUIᗫ̌ঐ ʔ၍Ajax ԟՑֵϞʡჿk 17
Slide 18
Slide 18 text
੶JavaScriptႧԊ 18
Slide 19
Slide 19 text
һ࢙ක೯Application 19
Slide 20
Slide 20 text
base2 •Base •Map •Collection •RegGrp •Module •Package •Enumerable •JavaScript 20
Slide 21
Slide 21 text
base2 •Base •Map •Collection •RegGrp •Module •Package •Enumerable •JavaScript 21
Slide 22
Slide 22 text
Base 22
Slide 23
Slide 23 text
ᘱו 23
Slide 24
Slide 24 text
.prototype 24
Slide 25
Slide 25 text
Base.extend({k: v}) 25
Slide 26
Slide 26 text
Map, Collection, Enumerable 26
Slide 27
Slide 27 text
JavaScriptࡡԸӚϞ 27
Slide 28
Slide 28 text
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
Slide 29
Slide 29 text
RegGrp • ɓࡈRegular Expressionي • εଡ଼pattern, replacement 29
Slide 30
Slide 30 text
JavaScript • Array2 • Date2 • String2 30
Slide 31
Slide 31 text
Array2 • pop • push • contains • sort, reverse • filter • ...... 31
Slide 32
Slide 32 text
Date2 • toISOString • now • parse 32
Slide 33
Slide 33 text
Date2 • toISOString • now • parse 32 (“2008/03/29”)
Slide 34
Slide 34 text
String2 • trim 33
Slide 35
Slide 35 text
Cast in Native Object • base2.JavaScript.bind(window); 34
Slide 36
Slide 36 text
base2.DOM 35
Slide 37
Slide 37 text
Yet Another JS Lib Without Document 36
Slide 38
Slide 38 text
ࡌ͍ᓭᚎኜ፹Ⴌ 37
Slide 39
Slide 39 text
อᅺྼЪ 38
Slide 40
Slide 40 text
• 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
Slide 41
Slide 41 text
• 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
Slide 42
Slide 42 text
• element.ownerDocument • element.getAttribute() • element.hasAttribute() • element.matchesSelector() • element.setAttribute() 40
Slide 43
Slide 43 text
• event.target • event.relatedTarget • event.initEvent() • event.preventDefault() • event.stopPropagation() • style.getPropertyValue() • style.setProperty() 41
Slide 44
Slide 44 text
Rules for JavaScript Library Authors http://dean.edwards.name/weblog/2007/03/rules/ 42
Slide 45
Slide 45 text
ഐሞ 43
Slide 46
Slide 46 text
ၾʔΝٙJS Lib 44 Ꮠ༈ܘϞ͜
Slide 47
Slide 47 text
ҢӚί͜ 45
Slide 48
Slide 48 text
Ңɰʔٝ༸Ϟም͜ 46
Slide 49
Slide 49 text
νО՟ 47
Slide 50
Slide 50 text
google://base2 48
Slide 51
Slide 51 text
http://code.google.com/p/base2/ 49
Slide 52
Slide 52 text
Thanks For Your Attention 50