Upgrade to Pro — share decks privately, control downloads, hide ads and more …

kissy at alibaba

yiminghe
March 20, 2014

kissy at alibaba

a share for college students

yiminghe

March 20, 2014
Tweet

More Decks by yiminghe

Other Decks in Technology

Transcript

  1. About me • F2E @ Taobao: 承玉 • Code @

    github: http://github.com/yiminghe • Blog @ http://yiminghe.me • Mail: [email protected] • 2010 年毕业后加入 淘宝 • KISSY 核心开发者 @ http://kissyui.com
  2. • A Powerful Javascript Framework From Alibaba 自主开发 跨终端 使用简单

    (KISS) 模块化 接口一致 组件齐全 高扩展性
  3. Packages In Alibaba • 通用包 • gallery: KISSY Gallery 社区通用组件库

    • tbc: taobao 组件库 • mui: 天猫组件库 • … • 业务包 • cart: 购物车 • buy: 订单确认 • fp: 首页 • …
  4. 跨终端 • PC • IE • Screen reader (UI Components)

    • Chrome/safari/opera/firefox • Touch • Mobile • Pad • nodejs
  5. Conditional loading • KISSY.use(‘dom’) • Ie => base.js + hack.js

    • Others => base.js • KISSY.use(‘event’) • Mouse => base.js • Touch => base.js + gesture.js • anim, json, css3 selector ……
  6. • npm install kissy • xtemplate on nodejs • 模板的前后端共享

    • xtemplate for expressjs • var XTemplate = require(‘kissy/lib/xtemplate’) • CLI tools • Kissy-xtemplate • …
  7. OOP

  8. 工具支持 • 模块合并 • KISSY Module Compiler • 项目开发规范工具 •

    KISSY Cake/XCake • gallery 组件提交工具 • KISSY Package Manger (KPM)
  9. 开源 • 开源 github npm bower • 代码规范 jshint jscs

    • 测试框架 jasmine • 覆盖率工具 jscover • 持续集成平台 travis/phantomjs • 开发服务器 expressjs