kissy学习笔记

1. http://lzlu.com/blog 我的 kissy 学习笔记

3. 如何使用 KISSY Kissy 下载包中包含所有的源码和 build 好的文件 项目中我们只需要包含 kissy/build/ 文件夹即可 1. 引用 kissy core <script src=“build/packages/ks-core-min.js”></script> 2. 使用 kissy <script> KISSY.ready(function(S) { var DOM= S.DOM, str= &quot;<div class='hello'> 你好， kissy ！ <div>&quot; + &quot;<script>alert(' 大家好，才是真的好！ ')<script>&quot;; DOM.html(document.body,str,true); }); </ script>

4. 如何使用 KISSY 如果需要引用组建，直接引用组建地址即可，比如要引用 switchable <script src=&quot;kissy/build/packages/ks-core-min.js&quot;></script> <script src=&quot;kissy/build/switchable/switchable-pkg-min.js&quot;></script> <script> KISSY.ready(function(S) { var tabs = new S.Tabs('#demo1'); }); </script> 最新版的 KISSY 核心已支持 loader 机制，引用多个组建时，我们的代码可以更加漂亮 <script src=&quot;kissy/build/packages/ks-core-min.js&quot;></script> <script src=“kissy/build/seed-min.js&quot;></script> <script> KISSY.use('switchable', function(S) { new S.Slide('#id'); }); </script>

5. KISSY 的结构

7. KS – Core ： merge,augment,extend merge ( arguments ： object) ：将多个对象的成员合并到一个新对象上。

8. KS – Core ： merge,augment,extend augment ( r, s, ov, wl ) ： 将 s.prototype 的成员复制到 r.prototype 上。

9. KS – Core ： merge,augment,extend extend ( r, s, px, sx ) ： 让函数对象 r 继承函数对象 s. Chicken.superclass.constructor.call(this,name) 表示执行父类的构造函数 用过 Ext 的朋友肯定很熟悉

11. KS – Core ： DOM selector kissy 选择器有以下四个方法： query( selector, context ) ：获取符合选择器的所有元素。该方法的返回值始终是数组。 get ( selector, context ) ：获取符合选择器的第一个元素。不存在时返回 null. filter ( selector, filter ) ：根据选择器获取满足过滤条件的所有元素。 test ( selector, filter ) ：判断根据选择器获取的所有元素是否都符合过滤条件 参数 selector 可以为选择器、 Node 、 NodeList // 目前只支持以下选择器： #id tag .cls #id tag #id .cls tag.cls #id tag.cls 如果觉得以上选择器不够用，我们可以通过设置 KISSY. ExternalSelector 来扩展选择器的功能。 KISSY 源码中自带了一个 Sizzle ，你直接引用 Sizzle.js 就行了。

15. KS – Widgets ： switchable 该模块由 Switchable 基础类、插件和 Widget 类组成。 Switchable 基础类抽象了切换的基本操作，通过插件机制实现了自动播放、循环、切换效果、延迟加载、倒计时动画等扩展功能，最后封装成各个 Widget 类，让用户能简明快速地调用。 http://lifesinger.org/blog/2010/07/what-it-really-is-not-what-it-is/

16. 谢谢 !!