kissy 1.5 progress
Upcoming SlideShare
Loading in...5
×
 

kissy 1.5 progress

on

  • 172 views

progress about kissy 1.5 (kissy5)

progress about kissy 1.5 (kissy5)

Statistics

Views

Total Views
172
Views on SlideShare
170
Embed Views
2

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 2

http://www.slideee.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

kissy 1.5 progress kissy 1.5 progress Presentation 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<2}}x{{/if}} => {{#if (x>1 && y<2) }}x{{/if}} • 自定义命令 • {{custom x 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