zoukankan      html  css  js  c++  java
  • kissy学习笔记(1)上手kissy

    (一)了解kissy

    kissy是taobao UED小组推的一款js框架。官网地址:http://github.com/kissyteam/kissy

    下载源代码后,可以看到整个代码压缩后的kissy-min.js文件大小为42kb(jQuery-min为71kb,dojo core为88kb)

    查看官网文档,发现kissy项目分为9个部分

     team

    而kissy.js核心的结构可以分为

    image 

    基类为kissy,提供以下方法

    image

    这里给开发者提一个小小的建议,初看这个文档,我一直以为要访问add方法,需要kissy.kissy.add这样的申明方式,可能是看ext/dojo的文档看多了,看到kissy这种组织方式的文档,让我无法一眼,知道具体方法的使用方式,希望能改进下吧。。。

    (二)了解核心api

    与所有的js框架一样,kissy提供了kissy.Config对象实现kissy框架初始加载的配置信息,

    image

    和一个DocumentReady事件,kissy.ready(fn)方法,

    image

    这里开发者没写,ready注册的多个事件的执行顺序,通过查看源代码,可以知道,ready注册的事件是放在一个list里面的,执行时候,按照先进先出的原则执行

    image

    image

    还有一个监测元素可用时执行的方法available

    image

    不过总觉得这里的立刻执行有歧义,其原理通用是一个timer,延时扫描,不能算立刻

    封装了简单了debug输出,实现了一个log,error方法,利用浏览器的console

    为了组件化管理,实现了命名空间(namespace),对象继承(extend)和对象成员拷贝(mix/merge),原型拷贝(argument),对象申明(app)等方法,

  • 相关阅读:
    c++ 为自定义类添加stl遍历器风格的遍历方式
    C++ 生成随机数
    c/c++ 函数说明以及技巧总结
    XSLT 教程
    C# 高效过滤DataTable 中重复数据方法
    xml获取指定节点的路径
    TreeView控件
    推荐一些C#相关的网站、资源和书籍
    C#多线程操作
    C#二进制序列化
  • 原文地址:https://www.cnblogs.com/xueduanyang/p/1837689.html
Copyright © 2011-2022 走看看