KISSY 5 Upgrade

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!