KISSY_Component

768 views

Published on

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

  • Be the first to like this

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

No notes for slide

KISSY_Component

  1. 1. KISSY Component yiminghe@gmail.com
  2. 2. base
  3. 3. 示例
  4. 4. UIBase
  5. 5. UIBase.prototype
  6. 6. UIBase
  7. 7. UIBase.create• 将多个扩展和一个主类合并为一个新类 – 考虑扩展声明周期
  8. 8. 扩展类
  9. 9. 示例
  10. 10. initializer• 初始化
  11. 11. destructor• 析构
  12. 12. _uiSetAttr• 属性通知 – set(“attr”) => _uiSetAttr
  13. 13. createDom• 建立节点
  14. 14. renderUI• 添加节点到document
  15. 15. bindUI• 注册事件
  16. 16. syncUI• 同步属性状态
  17. 17. 生命周期顺序• initializer/renderUI/bindUI/sycUI/createDom – 父类,子类扩展类,子类• destructor – 子类,子类扩展类,父类
  18. 18. Component• Controller – 事件注册 • 鼠标,键盘 – 组件层次 • parent,children – 皮肤支持 • prefixCls – mvc • render
  19. 19. • Render
  20. 20. • Controller -> Render – DEFAULT_RENDER
  21. 21. 扩展• DelegateChildren – 事件代理• DecorateChildren – 从已有 html 层次初始化
  22. 22. 管理• uistore – css 与组件 controller 的 map 中央管理 – 用于从 html 生成对应组件
  23. 23. 示例
  24. 24. 使用• 完全生成• 从 html 生成
  25. 25. 组合组件编写• New AutoComplete

×