1. KISSY @ 2013.04-05

2. KISSY
• bug fix
– https://github.com/kissyteam/kissy/
issues?state=closed

3. KISSY
• importStyle
– importStyle( ‘page/index’ ) // page/index js mod
– <link href=‘??index.css,dep1.css,dep2.css’>
– http://wanke.etao.com

4. KISSY
• dom/selector
– css3 selector engine for ie6-8
KISSY.use('dom', function(S,DOM){
DOM.query('#ul>li')
});

5. KISSY
• css3 anim
KISSY.use('anim', function(S, Anim){
new Anim('#xx',{
rotate:{
value:'30deg',
easing: 'ease-out',
delay:4,
duration:3
}},{
useTransition:1
}).run();
});

6. KISSY
• primary dd/touch gesture event for
win8 touch
– https://github.com/kissyteam/kissy/
issues/363

7. KISSY
• optimize component render
– component reuse
– menu1.addChild(menu2.removeChild(1))
– beforeRemoveChild/afterRemoveChild
– beforeAddChild/afterAddChild

8. KISSY
• components with xtemplate
– xx.tpl.html (thanks to brix)
Component.Render.extend({},{
ATTRS:{
contentTpl:{
value: '{{content}}{{#if disabled}}
disabled{{/if}}'
}
}
});

9. KISSY
• tabs support lazy render
– Tabpanel created when selected

10. KISSY
• primary scrollview
– foundation for cross platform development
– iscroll like
KISSY.use('scrollview,'+
'scrollview/plugin/scrollbar,'+
'scrollview/plugin/pull-to-refresh',
function(S,Scrollview,Scrollbar,PullToRefresh){
new ScrollView({
plugins:
[new Scrollbar(),new PullToRefresh()]
}).render();

11. KISSY
• combobox (taobao search suggest)
– plugin
KISSY.use('gallery/search-suggest/1.0/,'+
'gallery/search-suggest/1.0/plugin/history',
function(S, Suggest, History){
new Suggest({
plugins:[new History( cfg )]
}).render();
});

12. KISSY
• cross end demo
– xiami-demo
– https://github.com/yiminghe/kissy-xiami-
demo

13. KISSY Gallery
• datalazyload moved to gallery
– support webp
• switchable moved to gallery
• kcharts
• editorUploader
– editor uploader based on gallery/uploader
• responsive
– responsive tools
• slide
– foundation for cross platform development

14. KISSY Gallery
• 剑平