Travel on KISSY mini

淘宝旅行KISSY mini实践

Transcript

1. on KISSY MINI 虎牙
5. seed + base 30.6K
6. ‧种子文件大 ‧部分功能重复 ‧代码风格混乱 ‧无法使用公用组件
7. KISSY MINI 14.3K
8. ✓ mini ✓ pure ✓ loader ✓ base ✓ gallery ✓ kmc+clam good and we all love base!!!
9. 还是熟悉的味道 还是原来的配方
10. 就是这个feel...倍儿爽~
11. # demo http://h5.m.taobao.com/trip/ticket/pad/search/index.html
13. zepto 2 mini • Node • Event • UA • Ajax • Lang • duration/timeout • …
14. ‧ 前期bug比较多 ‧ 官方模块比较少 ‧ 模块拆分太细 ‧ 自身部分功能重复 ‧ 支持mobile的gallery比较少 ‧ 第三方组件大多依赖zepto和jQuery not so good
16.      requires:[                'node',                'touch',                'lang',                'ua',                'juicer',                'io',                'uri',                '../global/base',                  '../global/search',                  '../global/tms',                  '../global/citylist',                '../../widgets/mtop/',                '../../widgets/aop/',                '../../widgets/autocomplete/',                '../../widgets/geolocation/',                '../../widgets/notification/',                '../../widgets/orientation/lite',                '../../widgets/mask/',                '../../widgets/tracker/',                '../../widgets/scroller/',                './banner'          ]       KISSY.add(function(S,  Node,  Touch,  Lang,  UA,  Juicer,  IO,  Uri,            GlobalBase,  GlobalSearch,  GlobalTMS,  GlobalCityList,  MTop,            Do,  AutoComplete,  GeoLocation,  Notification,  Orientation,            Mask,  Tracker,  Scroller,  Banner)  {           'core'?
17. mini.js each/extend/clone… lang.js each/extend/clone… =
18. Gallery History ScrollView Mobiscroll transition Calendar
21. 第一次总是很疼的...
23. The end.