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
860
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.7k
WAT JavaScript Date
othree
3
1.8k
Modern HTML Email Development
othree
3
2.5k
MRT & GIT
othree
1
1.9k
YAJS.vim and Vim Syntax Highlight
othree
1
2.5k
Web Trends to 2015
othree
4
300
Transducer
othree
9
2.7k
HITCON 11 Photographer
othree
4
460
fetch is the new XHR
othree
6
3.4k
Other Decks in Programming
See All in Programming
しくじり先生 Image Matching Challenge 2024 編
goosehaaan
0
810
Advanced App Shrinking Techniques
cbeyls
2
150
Composing an API the *right* way (Droidcon Berlin 2024)
zsmb
1
450
Webエディタライブラリ 「CodeMirror」から学ぶ Webアプリ開発のテクニック
ryosukeigarashi
0
250
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
Cloudflare Workers x AWS Lambdaの組み合わせユースケース / Cloudflare Workers x AWS Lambda Combination Use Case
seike460
PRO
2
310
CSC307 Lecture 13
javiergs
PRO
0
150
20240706_CDKConf
takuyay0ne
0
1.2k
Product Management LT会_クアンド新家
shinshin
0
210
継続的な活動で築く地方エンジニアの道
myamashii
2
350
生成AIをkintoneに連携してみた
hideg
0
230
Featured
See All Featured
Building Your Own Lightsaber
phodgson
101
5.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
GraphQLとの向き合い方2022年版
quramy
36
13k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Scaling GitHub
holman
458
140k
How to name files
jennybc
67
96k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
Unsuck your backbone
ammeep
666
57k
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