Más contenido relacionado
我的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= "<div class='hello'> 你好, kissy ! <div>" + "<script>alert(' 大家好,才是真的好! ')<script>"; DOM.html(document.body,str,true); }); </ script>
- 4. 如何使用 KISSY 如果需要引用组建,直接引用组建地址即可,比如要引用 switchable <script src="kissy/build/packages/ks-core-min.js"></script> <script src="kissy/build/switchable/switchable-pkg-min.js"></script> <script> KISSY.ready(function(S) { var tabs = new S.Tabs('#demo1'); }); </script> 最新版的 KISSY 核心已支持 loader 机制,引用多个组建时,我们的代码可以更加漂亮 <script src="kissy/build/packages/ks-core-min.js"></script> <script src=“kissy/build/seed-min.js"></script> <script> KISSY.use('switchable', function(S) { new S.Slide('#id'); }); </script>
- 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/