2. cms

3. Python+YUI compressor+Google compressor

4. STEP 1
static
css js pub config tools
user persn admin-global.js admin.xml compiler-google.jar
admin-global.css
admin admin front.xml compiler-yahoo.jar
front front front-core.css user.xml build.py
index.css index.js
front-index.css personal.xml
front-index.js

5. STEP 2

6. md5Hash( '../' + ochild.text)
if(( oldMD5 != newMD5))
ochild.set( 'ver',str(int(ver) + 1) )

7. pub
pub +1

8. CMS
1. <CMS name=”1”></CMS>
<MM name=” ”>
2. <BB name=” 1”>
<a href=”##text: 1”>##text: 1</a>
</BB>
</MM>
##text: 1 => http://www.alipay.com
3. ##text: 1 => !

9. STEP1

10. STEP2
<MM name=” ”>
<div>
<BB name=” 1”>
<a href=”##text: 1”>##text: 1</
a>
</BB>
</div>

11. STEP3

12. l-xxxxx
m-xxxxx
t-xxxxx
btn-xxxx
i-xxxxx

13. l-g-16
l-g-3 l-g-13

15. Python+ImageMagic
convert "+ filePath +" -compress JPEG -quality 85
activity 300M 200M

17. ...
...

19. ...
...
...
...
...

20. notepad++
firefox+firebug
BCompare( )

21. YUI 3
YUI({
base: "../../build/",
timeout: 10000,
charset:'utf-8',
combine:true,
modules:{
calendar:{
type:'js',
path:'calendar/calendar.js',
requires:['node']
}
}
}).use('calendar', function(Y){
var calendar = new Y.Calendar({
el: '#J_A'
});
});

22. YUI 3
Lighter
Faster
More Consistent
More Powerful
More Securable

23. YUI Global Object
YUI , .
YUI().use(‘*’,function(Y){
//
})

24. Event
Event
1.dom
//
Y.one(‘#J_Taget’).on(‘click’,function(e){//code});
Y.on(‘click’,function(){//code},’#J_A’);
2.
//
overlay.on(‘show’,function(e){//});
// after
overlay.after(‘show’,function(e){//});

25. Node
Node html
node
Y.one(‘#J_A’).addClass(‘ba’).set(‘innerHTML’,””);
var node=Y.one(‘#J_B’);
node.on(‘click’,function(e){});
node.addClass(‘ba’);
node.getXY();
node.appendChild(aNode);
node.cloneNode();
node.previous();
node.contains(aNode);
node.toggleClass(‘enabled’);