KISSY 5 Upgrade

D226fdd4b353d92a66a1ef71539357f8?s=47 yiminghe
October 16, 2014

KISSY 5 Upgrade

KISSY 5 Upgrade

D226fdd4b353d92a66a1ef71539357f8?s=128

yiminghe

October 16, 2014
Tweet

Transcript

  1. KISSY UP 秋知

  2. 主要内容 - Why ? - What ? - How ?

  3. Why ?

  4. 效率

  5. 开发效率 模块规范 1. 模块格式统⼀一 • 添加模块 define • 引⽤用模块 require

    • 让出控制权 modulex.noConflict() • 返回接⼝口统⼀一 modulex.use === requirejs (相 ⽐比1.4.x去掉返回的变量S) ⽆无缝接⼊入
  6. 开发效率 配套⼯工具 1. kmc & gulp-kmc -> 转成规范模块格式,⽣生成 依赖表 2.

    kmd & gulp-kmd -> 去头 纯 node ⻛风格编写,舒⼼心
  7. 运⾏行效率 ⼤大瘦⾝身-拥抱⽆无线 1. seed.js 拆出util 44.kb -> 28kb 16.3kb(gzip)->10kb(gzip) 2.

    模块细分,⾃自动识别,按需加载 如anim -> anim/timer + anim/transition
  8. 运⾏行效率 让代码回归⾃自然 •kclean, 让代码回归⾃自然 •去掉 modulex.add 头 •减少寻找模块,注册模块的时间,提⾼高模块加载 速度

  9. 拥抱社区

  10. 模块规范统⼀一 • ⽆无缝接⼊入 • 使⽤用舒⼼心

  11. 模块独⽴立成库 • npm包 • 共享 • 开发,⼤大家⼀一起来

  12. 舒爽的⽂文档

  13. 最强⼤大的模板xtemplate

  14. xtemplate • 独⽴立 • kissy@1.4.6+ 通过gallery可⽤用 • 速度 • 语法增强

    : 继承、else if … • …
  15. What 1.模块拆分 • seed -> util • anim -> anim/timer

    + anim/transition • event -> event-dom + event-dom/gesture/* + event-custom • combobox -> combobox + combobox/multiword
  16. What 2.新增模块/功能 • path • url • querystring • event-dom/gesture/edge-pan

    • navigation-view • router • scroll-view ⽀支持 pull-up-to-refresh • …
  17. What 3.详细升级⽂文档 • KISSY@5.0官⺴⽹网 ! • KISSY@5.0主要升级点

  18. How 1.KISSY@5.0主要升级点 ⽂文档 2.1.4.x -> 5.0 兼容包 • deprecated.js •

    兼容模块拆分 util、event • 兼容直接引⽤用 S.IO、S.all、S.one… 3.技术⽀支持 & 技术客服 4.⾃自动化升级⼯工具 @陶杰
  19. Thank You!