kissy 1.5 progress

Click here to load reader

Post on 12-Sep-2014

203 views

Category:

Technology

12 download

Embed Size (px)

DESCRIPTION

progress about kissy 1.5 (kissy5)

TRANSCRIPT

  • KISSY 1.5 Progress

    2014-03

  • kissy

    kissy mini

    kimi

    zepto

  • KISSY 1.5

  • JDK5

  • KISSY5

    Major.Minor.Bugfix

    2014.03.28

  • Docs again

  • seed

    Loader http://dev.kissyui.com/kissy/build/loader-min.js loader-min.js gzip: 6.6kb

    Seed http://dev.kissyui.com/kissy/build/seed-min.js uri/path seed-min.js gzip: 13.8kb

  • seed

    util

    S.extend/S.isArray/S.each

    ua UA.ie/UA.webkit/UA.ieMode

    feature Feature.isMsPointerSupport/Feature.isQuerySelectorSupported

    path path.relative/path.resolve

    uri new Uri(http://www.g.cn)

  • Load kissy modules in nodejs

    kissy/lib/xx

    npm install kissy

    require(kissy/lib/base)

    require(kissy/lib/xtemplate)

  • anim

    Css3 transition supported: anim/transition Old browser: anim/timer

    node Animate api anim

    use(anim/timer)

  • xtemplate

    express app.set('view engine', 'html');

    app.set('views', path.join(__dirname, 'views'));

    app.engine('html', require(kissy/lib/xtemplate').__express);

    > jade > ejs

  • js

    {{#if x>1&&y {{#if (x>1 && y {{custom (x, y) }}

    {{custom1 (custom2 (x, y))}}

  • Layout.html Header {{block(body)}}layout{{/block}} footer

    List.html {{extend(./layout)}} Header {{block(body)}}list{{/block}} footer

    render(list) Header list footer

  • {{ tms (id) }}

    .render(function (err, content) {

    });

  • Event use

    event/gesture/shake event/gesture/drag

    Combobox filter-select combobox.MultiValueCombobox

    use(combobox/multi-word)

  • Touch Application Framework

  • router

    expressjs

    hash pushState

  • navigation-view

  • navigation-view

    view

    view Loading

    scroll-view

  • summary

  • Scenario

    OPOA

    Touch WebApp