`

kissy的初步学习-20131006-1010

 
阅读更多
1、ks里面的augment方法的实现 

<!DOCTYPE HTML>

<html>
<head>
	<meta charset="UTF-8">
	<title>ks里面的augment方法的实现</title>
	<script src="kissy-min.js"></script>
	<script>
//创建一个方法 做的整体的效果叫guijiao 里面的一个方法叫dd dd里面有一个跳出的效果，效果里面显示的 wo de 然后 this(当前)name(名字)
guijiao = {
    dd: function() { 
    	alert("wo de" + this.name + '.');
     }
};

//创建一个方法名字叫ww调用name(名字)里面的方法this(当前)name(名字)等于gou gou + name
function ww(name) { 
	this.name = "gou gou " + name; 
}
//创建一个方法名字叫ee调用name(名字)里面的方法this(当前)name(名字)等于zhu zhu + name
function ee(name) { 
	this.name = "zhu zhu" + name; 
}

//调用augment方法把ww、ee放入guijiao里面
KISSY.augment(ww, guijiao);
KISSY.augment(ee, guijiao);

//新建一个ww、ee在name的地方放入bendan、shagua后调用dd的这个方法放进去
new ww("bendan").dd(); // => wo de gou gou bendan.
new ee("shagua").dd(); // => wo de zhu zhu shagua.
	</script>
	<style>

	</style>
</head>

<body>
KISSY   是由阿里集团前端工程师们发起创建的一个开源 JS 框架。
它具备模块化、高扩展性、组件齐全，接口一致、自主开发、适合多种应用场景等特性。
</body>
</html>


2、ks里面的clone方法的实现 

<!DOCTYPE HTML>

<html>
<head>
	<meta charset="UTF-8">
	<title>ks里面的clone方法的实现</title>
	<script src="kissy-min.js"></script>
	<script type="text/javascript">
vvar S = KISSY;
var a={x:{y:{z:1}}}
//clone其实一个深拷贝的方法显示a后在页面上呈现的就是 b={x:y:{z:1}} , b!==a c呈现的就是c={x:{y:{}}}
//clone待深拷贝的对象或数组.待克隆值为数组, 参数同 KISSY.filter() , 上下文对象为全局 window待克隆值为普通对象, 参数为对象的每个键, 每个键对应的值, 当前对象, 上下文对象为当前对象.
var b=S.clone(a); // => b={x:y:{z:1}} , b!==a
var c=S.clone(a,function(v,k){if(k=="z") return false;}) // => c={x:{y:{}}}
	</script>
</head>

<body>

</body>
</html>
分享到：
| 页面tms的要求-20131009
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics