KISSY 5 Upgrade

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!