Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Base2
Search
othree
September 26, 2011
Programming
1
820
Base2
othree
September 26, 2011
Tweet
Share
More Decks by othree
See All by othree
How GitHub Supports Vim License Detection, The Five Years Journey
othree
1
1.6k
WAT JavaScript Date
othree
3
1.8k
Modern HTML Email Development
othree
3
2.5k
MRT & GIT
othree
1
1.8k
YAJS.vim and Vim Syntax Highlight
othree
1
2.4k
Web Trends to 2015
othree
4
280
Transducer
othree
9
2.6k
HITCON 11 Photographer
othree
4
450
fetch is the new XHR
othree
6
3.4k
Other Decks in Programming
See All in Programming
シェルの履歴とイクンリメンタル検索を使う
naoya
7
2.4k
Sementic Kernelのネイティブ関数について
tomokusaba
0
790
オープンなデータ・ソフトウェアを活用した開発
404background
0
160
期限が近づいてきた!Privacy Manifests対応
ryunakayama
5
3.1k
Crafting a Own PHP - ウキウキ手作りミニマリストPHP
uzulla
4
980
Docker ハンズオン / docker-hands-on
suzukihoge
48
15k
RISC-V カスタムのためのツールチェーン拡張 ― GNU Binutils と GCC の拡張・コミュニティへの参加編 (未完成版)
a4lg
0
190
Microsoft Fabricを7ヶ月使ってわかったこと
shun_oshidari
2
450
ADRを一年運用してみた/our_story_about_adr
hanhan1978
3
1.1k
So You Think You Know Git - Part 2
schacon
PRO
0
1.3k
WasmOS: Wasmを実行する自作Microkernel
riru
0
360
Catch Up with Swift 5.10
ojun9
1
450
Featured
See All Featured
It's Worth the Effort
3n
180
27k
For a Future-Friendly Web
brad_frost
170
8.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
0
3.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
319
20k
Embracing the Ebb and Flow
colly
78
4.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
355
22k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
Large-scale JavaScript Application Architecture
addyosmani
501
110k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
11
1.4k
A Tale of Four Properties
chriscoyier
150
22k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
[RailsConf 2023] Rails as a piece of cake
palkan
21
3.8k
Transcript
othree • http://blog.othree.net • ۃ၌Ҧஔ(JavaScript, (X)HTML, CSS, ....) • MightHappyDesigner
1
ʞʱᙒᑺʞɤੵҳᅂ˪ 2
DEMO 3
4
5
6
7
8
base2 A JavaScript Library by Dean Edwards 9
Dean Edwards 10
IE7.js ˢฆழIE7ᒔϘ 11
IE8.js ฆழIE8ᒔӚ̈ 12
base2 13
ʔԶਗतࣖ 14
ʔԶਗतࣖ ӚϞUIᗫ̌ঐ 15
ʔԶਗतࣖ ӚϞUIᗫ̌ঐ ʔ၍Ajax 16
ʔԶਗतࣖ ӚϞUIᗫ̌ঐ ʔ၍Ajax ԟՑֵϞʡჿk 17
੶JavaScriptႧԊ 18
һ࢙ක೯Application 19
base2 •Base •Map •Collection •RegGrp •Module •Package •Enumerable •JavaScript 20
base2 •Base •Map •Collection •RegGrp •Module •Package •Enumerable •JavaScript 21
Base 22
ᘱו 23
.prototype 24
Base.extend({k: v}) 25
Map, Collection, Enumerable 26
JavaScriptࡡԸӚϞ 27
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
RegGrp • ɓࡈRegular Expressionي • εଡ଼pattern, replacement 29
JavaScript • Array2 • Date2 • String2 30
Array2 • pop • push • contains • sort, reverse
• filter • ...... 31
Date2 • toISOString • now • parse 32
Date2 • toISOString • now • parse 32 (“2008/03/29”)
String2 • trim 33
Cast in Native Object • base2.JavaScript.bind(window); 34
base2.DOM 35
Yet Another JS Lib Without Document 36
ࡌ͍ᓭᚎኜ፹Ⴌ 37
อᅺྼЪ 38
• 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
• 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
• element.ownerDocument • element.getAttribute() • element.hasAttribute() • element.matchesSelector() • element.setAttribute()
40
• event.target • event.relatedTarget • event.initEvent() • event.preventDefault() • event.stopPropagation()
• style.getPropertyValue() • style.setProperty() 41
Rules for JavaScript Library Authors http://dean.edwards.name/weblog/2007/03/rules/ 42
ഐሞ 43
ၾʔΝٙJS Lib 44 Ꮠ༈ܘϞ͜
ҢӚί͜ 45
Ңɰʔٝ༸Ϟም͜ 46
νО՟ 47
google://base2 48
http://code.google.com/p/base2/ 49
Thanks For Your Attention 50