kissy at alibaba

KISSY @ [email protected]

About me

F2E @ Taobao:

Code @ github: http://github.com/yiminghe

Blog @ http://yiminghe.me

Mail: [email protected]

2010

KISSY @ http://kissyui.com

A Powerful Javascript Framework From Alibaba

(KISS)

KISSY @ Alibaba

PC, Mobile, Pad

Webpage, Webapp

Browser, Nodejs

kissy

2010

YUI2

YUI3.0.0

TaoBao 2010

: YUI2 + widgets Suggest/switchable/tabs/editor

YAHOO.namespace

YUI Compressor

KISSY Overview

Module System

API KISSY.add

KISSY.use

KISSY.config

KISSY.add

KISSY.use

/

KISSY.config

KISSY.use(biz/run) -> http://cdn.com/biz/run.jshttp://cdn.com/biz/transform.jshttp://kissy/dom.js

Packages In Alibaba

gallery: KISSY Gallery tbc: taobao mui:

cart: buy: fp:

PC IE

Screen reader (UI Components)

Chrome/safari/opera/firefox

Touch Mobile

Pad

nodejs

browsers

ie

Mouse

Touch

Conditional loading

KISSY.use(dom) Ie => base.js + hack.js

Others => base.js

KISSY.use(event) Mouse => base.js

Touch => base.js + gesture.js

anim, json, css3 selector

npm install kissy

xtemplate on nodejs xtemplate for expressjs var XTemplate = require(kissy/lib/xtemplate)

CLI tools Kissy-xtemplate

/

Module System

OOP

UI Component System

UI Component

Core UI Components

button

combobox

date/picker

editor

menu filter-menumenubutton

overlay

scroll-view split-button

tabs

toolbar

tree

http://gallery.kissyui.com

KISSY Module Compiler

KISSY Cake/XCake

gallery KISSY Package Manger (KPM)

github npm bower

jshint jscs

jasmine

jscover

travis/phantomjs

expressjs

Future