kissy at alibaba

of 34 /34
KISSY @ Alibaba [email protected] 承玉

Post on 12-Sep-2014

204 views

Category:

Technology


4 download

Embed Size (px)

DESCRIPTION

a share for college students

TRANSCRIPT

  • 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

  • OOP

  • 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