Kissy in-progress

1,202 views

Published on

one company

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,202
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Kissy in-progress

  1. 1. KISSYKISSY In Progress yiminghe@gmail.com 2012-08-30 draft
  2. 2. KISSY 2 定位 立足阿里集团,服务中国互联网,做一个功能全面、灵活定制、社区活跃的前端框架. - kissyteam docs.kissyui.com | kissyteam@gmail.com
  3. 3. KISSY 3 介绍使用情况kissyteam 项目开发栈文档roadmap docs.kissyui.com | kissyteam@gmail.com
  4. 4. KISSY使用情况
  5. 5. KISSY 5 使用情况www.taobao.com 版本www.tmall.com 1.1.6 => 遗留的过去www.etao.com 1.2.0 => 成熟的现在www.diandian.com 1.3.0 => 推进的下一步…….. 1.4.0 => 活跃的 dev docs.kissyui.com | kissyteam@gmail.com
  6. 6. KISSY kissyteam 项目docs.kissyui.com | kissyteam@gmail.com
  7. 7. KISSY 维护kissyteam 维护、答疑 google group: 讨论答疑 github: 报告问题 weibo twitter 旺旺 email
  8. 8. KISSY 8项目概况sub project • kissy-tools/kissy-pie… gallery • grid/kscroll/uploader… dpl • layout/menu/button…components • editor/overlay/switchable… core • dom/event/base… seed • lang/loader docs.kissyui.com | kissyteam@gmail.com
  9. 9. KISSY 9 完全模块化 components editor / menu / switchable / ….template componentdom event ajax cookie base Loader seed docs.kissyui.com | kissyteam@gmail.com
  10. 10. KISSY 10 seedLang utils 语言增强 promise(1.3) promise 规范 uri (1.3) uri 操作 path(1.3) path 操作Loader 框架模块化基础 AMD-Like Loader YUI3-Like Loader for Auto-combo(1.3) docs.kissyui.com | kissyteam@gmail.com
  11. 11. KISSY 11 coreAjax 客户端通信Anim 动画特效Base 属性机制Cookie 便捷操作Dom 操作兼容Event 兼容以及自定义事件json ie 兼容Node jquery-likeUa 浏览器判断 docs.kissyui.com | kissyteam@gmail.com
  12. 12. KISSY 12 components基础UI button calendar combobox(1.3) editor menu menubutton overlay suggest tree特效 UI switchable imagezoom resizable waterfall其他 datalazyload dd flash mvc sizzle template validation docs.kissyui.com | kissyteam@gmail.com
  13. 13. KISSY editor又一个开源的可视化编辑器底层以及 UI 基于 KISSY 框架编辑核心算法借鉴 CKEditor应用于淘宝商品发布/店铺装修/论坛/….
  14. 14. KISSY 14 editor Editor & pluginsbutton select menu overlay Edit API Html Parser component range selection & xhtml dtd dom event node ua base KISSY Loader docs.kissyui.com | kissyteam@gmail.com
  15. 15. KISSY 15 editordocs.kissyui.com | kissyteam@gmail.com
  16. 16. KISSY 16 dpl快速搭建特定业务 dpl 的基石 docs.kissyui.com | kissyteam@gmail.com
  17. 17. KISSY 17 gallerykscroll 模拟滚动条kissy-form uploader 文件上传Countdown 倒计时Local-storage 本地存储… docs.kissyui.com | kissyteam@gmail.com
  18. 18. KISSY 18 Kissy-toolskissy module compiler 模块打包 模块依赖抽取(1.3)KISSY-pie 整合开发工具 模块打包 时间戳 css-combo 界面易操作 docs.kissyui.com | kissyteam@gmail.com
  19. 19. KISSY开发栈
  20. 20. KISSY 开发栈模块化mvc模板化
  21. 21. KISSY模块化
  22. 22. KISSY 22 模块化// 定义模块// e:/package/a.jsKISSY.add(function(){},{requires:[./b]});// 使用模块KISSY.use(package/a) docs.kissyui.com | kissyteam@gmail.com
  23. 23. KISSY 23 模块化开发中自动动态载源码 http://x.com/package/a.js http://x.com/package/b.js发布后通过工具将模块 a 的依赖都合并压缩到 a-min.js http://x.com/package/a-min.js通过 url 加 ?ks-debug 在线上开启调试模式,加载源码工具 KISSY Module Compiler KISSY Pie docs.kissyui.com | kissyteam@gmail.com
  24. 24. KISSY 24 动态 combo(1.3)按需加载与链接数的权衡通过工具抽取模块依赖 http://xx.com/package/??a.js,b.js工具 KISSY Module Compiler docs.kissyui.com | kissyteam@gmail.com
  25. 25. KISSY 25 模块化代码更新 时间戳 KISSY.config(“tag”,tag) http://xx.com/package/a-min.js?t=tag 不新增文件 包路径 KISSY.config(‘packagePath’,path) http://xx.com/path/package/a-min.js 新增文件,更安全可靠 docs.kissyui.com | kissyteam@gmail.com
  26. 26. KISSYmvc
  27. 27. KISSY 27 mvcView event delegationRouter hash/url(html5) based function route http://xx.com/#!/action/detail/1?q=2Model event-based data model docs.kissyui.com | kissyteam@gmail.com
  28. 28. KISSY模板化
  29. 29. KISSY 模板化(1.4)通过工具离线预编译 this is {{title}} => function(data){ return “this is”+data.title;}
  30. 30. KISSY 30 发布整合Ant java-XML KISSY Module Compiler Google closure compiler YUI Css CompressorKISSY-pie nodejs-json uglify css compressor tbuild docs.kissyui.com | kissyteam@gmail.com
  31. 31. KISSY文档
  32. 32. KISSY 文档面向初学者 http://docs.kissyui.com 区分版本
  33. 33. KISSY 33 文档API docs.kissyui.com | kissyteam@gmail.com
  34. 34. KISSY 34 文档示例 docs.kissyui.com | kissyteam@gmail.com
  35. 35. KISSY 35 文档教学中心 docs.kissyui.com | kissyteam@gmail.com
  36. 36. KISSY 36 文档面向高级开发人员 docs.kissyui.com | kissyteam@gmail.com
  37. 37. KISSY roadmaphttps://github.com/kissyteam/kissy/issues?state=open
  38. 38. KISSY seed轻量化清晰化功能单一
  39. 39. KISSY 39 core模块细化 dom/ie dom/base event/dom event/custom扩充能力 自定义事件 defaultAction按浏览器能力加载 docs.kissyui.com | kissyteam@gmail.com
  40. 40. KISSY 40 components完整基础 ui 库模板化开发 template一致性的组件接口 calendar tabs store colorpicker layout …开放,易于扩展测试用例完善 docs.kissyui.com | kissyteam@gmail.com
  41. 41. KISSY 41 文档增加示例增加教学文档 docs.kissyui.com | kissyteam@gmail.com
  42. 42. KISSY 联系我们Contact kissyteam – Docs: http://docs.kissyui.com – Bug: http://github.com/kissyteam/kissy/issues – email: kissyteam@gmail.com – Twitter: http://twitter.com/#!/kissyteam – Google Group: http://groups.google.com/group/kissy-ui
  43. 43. KISSYTHANKS FOR COMING SEE YOU SOON!

×